From e68118a722857e52b9c83e08ac213621aac58c01 Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期五, 12 四月 2024 15:01:53 +0800 Subject: [PATCH] 骨架屏样式优化,云测试单选按钮修改 --- packageBookService/pages/bookServices/detail/components/testResource/testResource.wxml | 102 +++++++++++++++++++++++++++++--------------------- 1 files changed, 59 insertions(+), 43 deletions(-) diff --git a/packageBookService/pages/bookServices/detail/components/testResource/testResource.wxml b/packageBookService/pages/bookServices/detail/components/testResource/testResource.wxml index 407e4dd..62e7239 100644 --- a/packageBookService/pages/bookServices/detail/components/testResource/testResource.wxml +++ b/packageBookService/pages/bookServices/detail/components/testResource/testResource.wxml @@ -1,12 +1,38 @@ <!--pages/bookServices/detail/components/testResource/testResource.wxml--> <view class="test-resource"> <view class="top-btn"> - <t-radio-group + <view class="test-radio"> + <view + class="test-btn card {{radioItem == 'test' ? 'card--active' : ''}}" + bind:tap="testBtn" + > + <view class="image-box"> + <image + class="test-icon" + src="{{ radioItem == 'test' ? '/static/images/bookService/detail/practice-icon.png' : '/static/images/bookService/detail/notest.png'}}" + mode="aspectFit" + ></image> + </view> + <view class="btn-content-text">缁冧範</view> + </view> + <view + class="test-btn card {{radioItem == 'mock' ? 'card--active' : ''}}" + bind:tap="mockBtn" + > + <view class="image-box"> + <image + src="{{ radioItem == 'mock' ? '/static/images/bookService/detail/checkpaper.png' : '/static/images/bookService/detail/zujuan.png'}}" + ></image> + </view> + <view class="btn-content-text">缁勫嵎</view> + </view> + </view> + <!-- <t-radio-group class="test-radio" t-class="horizontal-box" value="{{radioItem}}" bind:change="onRadioChange" - style="margin: 0 10rpx 0 0" + style="margin: 0" > <view class="card {{radioItem == 'test' ? 'card--active' : ''}}"> <t-radio value="test" icon="none" borderless style="height: 80rpx"> @@ -20,7 +46,6 @@ </view> </t-radio> </view> - <!-- 鏂紑 --> <view class="card {{radioItem == 'mock' ? 'card--active' : ''}}"> <t-radio value="mock" icon="none" borderless style="height: 80rpx"> <view class="radio-content" slot="content"> @@ -33,46 +58,37 @@ </view> </t-radio> </view> - <!-- 鏂紑 --> - <!-- <view class="card {{radioItem == 'mock' ? 'card--active' : ''}}"> - <t-radio value="mock" icon="none" borderless style="height: 80rpx"> - <view class="radio-content" slot="content"> - <image - src="{{ radioItem == 'mock' ? '/static/images/bookService/detail/checkpaper.png' : '/static/images/bookService/detail/zujuan.png'}}" - ></image> - <text style="color: {{radioItem == 'mock' ? '#fff':'#ff6c00'}};" - >缁勫嵎</text - > - </view> - </t-radio> - </view> --> - </t-radio-group> - <t-button - class="error-btn" - theme="default" - size="medium" - style="padding: 0 12rpx" - bind:tap="goMycollect" - data-answerType="errorQuestion" - > - <view slot="content" class="btn-content"> - <image src="/static/images/bookService/detail/cuoti.png"></image> - <text class="primary-color">鎴戠殑閿欓</text> - </view> - </t-button> - <t-button - class="collect-btn" - theme="default" - size="medium" - style="padding: 0 12rpx" - bind:tap="goMycollect" - data-answerType="collectQuestion" - > - <view slot="content" class="btn-content"> - <image src="/static/images/bookService/detail/wodeshoucang.png"></image> - <text class="primary-color"> 鎴戠殑鏀惰棌</text> - </view> - </t-button> + </t-radio-group> --> + <view class="btn-box"> + <t-button + class="error-btn" + theme="default" + size="medium" + style="padding: 0 12rpx" + bind:tap="goMycollect" + data-answerType="errorQuestion" + > + <view slot="content" class="btn-content"> + <image src="/static/images/bookService/detail/cuoti.png"></image> + <text class="primary-color">鎴戠殑閿欓</text> + </view> + </t-button> + <t-button + class="collect-btn" + theme="default" + size="medium" + style="padding: 0 12rpx" + bind:tap="goMycollect" + data-answerType="collectQuestion" + > + <view slot="content" class="btn-content"> + <image + src="/static/images/bookService/detail/wodeshoucang.png" + ></image> + <text class="primary-color"> 鎴戠殑鏀惰棌</text> + </view> + </t-button> + </view> </view> <!-- 缁冧範鍒楄〃 --> <view -- Gitblit v1.9.1