小程序 修改weui组件里标题大小

解决方法:

 打开官方的线上Demo演示版:

WeUI

 右键元素检查:找到表单组标题 对应的class :

 .weui-cells__title

然后在当前页面对应的.wxss,直接重置对应的字体大小

.weui-cells__title{font-size: 120rpx}

这样会把整个页面所有cells标题都修改。如下2个表单荐标题都被改了。

 效果:

需要单独修改的话,使用官方的嵌套自定属性:ext-class 增加自己的class,然后组合选择当前标题

 代码:

//wxml
            <mp-cells title="权限" ext-class="my-radio">
                <radio-group name="role">
                    <radio value="manager">经理</radio>
                    <radio value="finance">财物</radio>
                    <radio value="operator">布草员</radio>
                </radio-group>
            </mp-cells>


//wxss
.my-radio
.weui-cells__title{
    font-size: 130rpx;
}

 效果:第二个权限大小没有被改

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
weui组件库是一个基于微信UI规范的开源组件库,它提供了一套丰富的在微信公众号开发中常用的UI组件和交互样式。而axure是一种快速原型设计工具,可以帮助设计师快速创建原型,进行交互设计和用户测试。 将weui组件库和axure相结合使用可以带来很多好处。首先,weui组件库已经提供了很多符合微信UI规范的组件,设计师可以直接使用这些组件来快速构建界面。而axure可以帮助设计师将这些组件拖拽到画板上进行布局,并添加交互效果,使得原型更加生动和具有真实的用户体验。 其次,axure还能够方便地实现复杂的交互流程和页面跳转。设计师可以通过axure的交互功能来模拟用户的操作路径,以便更好地理解用户需求和可能的问题。同时,axure还支持生成可视化的交互演示,方便与团队成员、产品经理和开发者进行沟通和反馈。 最后,weui组件库和axure的结合也能够提高设计效率和准确性。设计师可以直接使用weui组件库中的组件来构建界面,避免从头开始设计,节省时间和精力。而axure的拖拽式布局和交互功能,可以使得设计师更加专注于交互和用户体验的设计,减少了编写代码的工作量。 总之,通过使用weui组件库和axure,设计师可以更加高效地进行微信公众号界面设计和交互设计。这种结合能够提高设计效率、准确性,同时也方便与团队成员和开发者进行沟通和协作,最终得到更好的用户体验。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值