xsl/meida_applet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix:优化小程序radio点击效果

Browse Source
This commit is contained in:
kele
2023-03-21 19:03:23 +08:00
parent e6dfc3979a
commit 6e39585ef3
9 changed files with 141 additions and 156 deletions
Download Patch File Download Diff File Expand all files Collapse all files
sheep/components/s-auth-modal/s-auth-modal.vue
+23 -24
View File
@@ -75,31 +75,30 @@
v-if="['accountLogin', 'smsLogin', 'smsRegister'].includes(authType)"
class="agreement-box ss-flex ss-row-center"
>
<radio-group @change="onChange" class="ss-flex ss-col-center">
<label class="radio ss-flex">
<radio
:checked="state.protocol"
color="var(--ui-BG-Main)"
style="transform: scale(0.8)"
/>
<view class="agreement-text ss-flex ss-col-center ss-m-l-8">
我已阅读并遵守
<view
class="tcp-text"
@tap.stop="onProtocol(appInfo.user_protocol.id, appInfo.user_protocol.title)"
>
《{{ appInfo.user_protocol.title }}》
</view>
<view class="agreement-text">与</view>
<view
class="tcp-text"
@tap.stop="onProtocol(appInfo.privacy_protocol.id, appInfo.privacy_protocol.title)"
>
《{{ appInfo.privacy_protocol.title }}》
</view>
<label class="radio ss-flex ss-col-center" @tap="onChange">
<radio
:checked="state.protocol"
color="var(--ui-BG-Main)"
style="transform: scale(0.8)"
@tap.stop="onChange"
/>
<view class="agreement-text ss-flex ss-col-center ss-m-l-8">
我已阅读并遵守
<view
class="tcp-text"
@tap.stop="onProtocol(appInfo.user_protocol.id, appInfo.user_protocol.title)"
>
《{{ appInfo.user_protocol.title }}》
</view>
</label>
</radio-group>
<view class="agreement-text">与</view>
<view
class="tcp-text"
@tap.stop="onProtocol(appInfo.privacy_protocol.id, appInfo.privacy_protocol.title)"
>
《{{ appInfo.privacy_protocol.title }}》
</view>
</view>
</label>
</view>
<view class="safe-box"></view>
</view>
sheep/components/s-coupon-select/s-coupon-select.vue
+8 -9
View File
@@ -19,15 +19,14 @@
<view v-for="(item, index) in state.couponInfo.can_use" :key="index">
<s-coupon-list :data="item" type="user" :disabled="false">
<template #default>
<radio-group @change="radioChange(item.id)" class="ss-flex ss-col-center">
<label class="radio">
<radio
color="var(--ui-BG-Main)"
style="transform: scale(0.8)"
:checked="state.couponId == item.id"
/>
</label>
</radio-group>
<label class="ss-flex ss-col-center" @tap="radioChange(item.id)">
<radio
color="var(--ui-BG-Main)"
style="transform: scale(0.8)"
:checked="state.couponId == item.id"
@tap.stop="radioChange(item.id)"
/>
</label>
</template>
</s-coupon-list>
</view>
sheep/components/s-wallet-card/s-wallet-card.vue
+3 -3
View File
@@ -100,9 +100,9 @@
}
.unit-text {
font-size: 16rpx;
color: #000000;
line-height: 16rpx;
font-size: 24rpx;
color: #343434;
line-height: 24rpx;
}
}
}