height: 120rpx; background-color: #2979ff; color: #fff; padding: 24rpx; } .uer-line { margin-top: 15rpx; width: 750rpx; height: 14rpx; opacity: 1; background: #f1f1f1; } .like-artive { display: flex; width: 700rpx; height: 80rpx; margin: 20rpx auto; .like-meg { padding...
width: 400rpx; height: 150rpx; line-height: 150rpx; font-size: 40rpx; text-align: center; } .default { background-color: gray; } .warn { background-color: red; } .primary { background-color: deepskyblue; } 到这,我们自定义组件创建好了,官方介绍,只要我们遵循了这个规范,就可以不用引...
uniapp 样式相关 文字居中 对于单行文本,使用text-align 和line-height就能使文本居中 另: text-align: center(不平对齐) 可用...
<viewclass="button-line"> <viewclass="save-button"@tap.stop="finish">保存</view> <viewclass="clear-button"@tap.stop="clear">清除</view> <viewclass="cancel-button"@tap.stop="hide">关闭</view> </view> <viewclass="mask"v-if="showModal"@tap.stop> <viewclass="kw-modal flex align...
line-height: 150rpx; border-radius: 50%; text-align: center; font-size: 60rpx; color: white; } } 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 运行,效果如下图,但是发现还是有问题的:
line-height: 1.6; } .content .des .link { color: #07c160; text-decoration: underline; } .btns { margin-top: 48rpx; margin-bottom: 12rpx; display: flex; } .btns .item { width: 200rpx; height: 72rpx; overflow: visible; display: flex; ...
line-height: 96rpx; font-size: 36rpx; color: #fff; font-weight: bold; } .banner_box .conter { font-size: 28rpx; color: #333; margin: 48rpx; } .banner_foot { width: 238rpx; margin: 48rpx auto; } .banner_foot_button { ...
<template><view><rich-text:nodes="nodes"@tap="tap"></rich-text></view></template>var_self;exportdefault{data(){return{nodes:[{name:'div',attrs:{class:'div-class',style:'line-height: 60px; color: red; text-align:center;'},children:[{type:'text',text:'Hello uni-app!'}]}],st...
line-height:normal; } 2. ios日期转换NAN问题 具体就是,new Date('2020-11-12 00:00:00')在ios中会为NAN 解决方案:用new Date('2020/11/12 00:00:00')的日期格式,或者写个正则转换 3. 在移动端使用click事件有300ms延迟的问题 禁止双击缩放===》meta:user-scalabel=no4. 移动端touch事件有穿透(点...
line-height: 44px; text-align: center; font-size: 16px; } .btn { background-color: var(--nav-bg) !important; color: var(--nav-color) !important; } 最后总结 这就是主题切换的第一种实现 它的好处就是:能实时更换显示主题 但也有不...