半年前使用uniapp ColorUI 安卓写了一款app,最近在进行一些优化和修改,顺便记录一下遇到的一些小问题,遇到的一些可以记录下来的优化点,其实uniapp用来做一些比较简单的app还是挺不错的,比较快捷,容易管理~~
uni-app
是一个使用 Vue.js 开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台。
文档:https://uniapp.dcloud.io/
话不多说,今天遇到了一个小问题 在默认的radio选择框里面
我这里男生和女生的radio显得比较大,比字体都要大一点,看起来很不舒服。想要给调整小一点。一开始我就在上面加了一个宽度和高度,设置没有成功,没有反应。
后面翻看了一下官方文档,找到了一个比较简单的属性
代码语言:javascript复制 style="transform: scale(0.77)"
于是找到代码 直接添加了这个属性
代码语言:javascript复制<view class="cu-form-group">
<view class="title">性别</view>
<radio-group @change="radioChange" style="transform: scale(0.77)">
<label class="uni-list-cell uni-list-cell-pd" v-for="(item, index) in sex" :key="item.value">
<radio style="margin-right:10px" :value="item.value" :checked="item.checked" /><span style="margin-right:10px">{{item.label}}</span>
</label>
</radio-group>
</view>
ok,保存代码 刷新之后会发现 radio大小就变小了