优化两个基础组件的代码

This commit is contained in:
TOP糯米 2023-02-23 23:33:50 +08:00
parent 9e1b38581c
commit c6e232247b
2 changed files with 4 additions and 6 deletions

View File

@ -1,7 +1,6 @@
<template> <template>
<view class="checkbox" :class="[checked ? 'active' : '']" :style="{ fontSize: $utils.rpx2px(size) + 'px' }"> <view class="checkbox" :class="{ active: checked }" :style="{ fontSize: $utils.rpx2px(size) + 'px' }">
<text v-if="checked" class="iconfont icon-xuanzeyixuanze"></text> <text class="iconfont" :class="[checked ? 'icon-xuanzeyixuanze' : 'icon-xuanzeweixuanze']"></text>
<text v-if="!checked" class="iconfont icon-xuanzeweixuanze"></text>
</view> </view>
</template> </template>

View File

@ -1,7 +1,6 @@
<template> <template>
<view class="switch" :class="[open ? 'active' : '']" :style="{ fontSize: $utils.rpx2px(size) + 'px' }"> <view class="switch" :class="{ active: open }" :style="{ fontSize: $utils.rpx2px(size) + 'px' }">
<text v-if="!open" class="iconfont icon-kaiguan-guan"></text> <text class="iconfont" :class="[open ? 'icon-kaiguan-kai' : 'icon-kaiguan-guan']"></text>
<text v-if="open" class="iconfont icon-kaiguan-kai"></text>
</view> </view>
</template> </template>