文档:https://uniapp.dcloud.net.cn/tutorial/vue-basics.html#class-与-style-绑定 目录 对象语法 数组语法 字符串语法 computed 其他方案 对象语法 <!-- class --> <view class="static" :class="{ active: isActive}">111</view> <!-- style --> <view :style="{ color: activeColor, fontSiz...
.title{line-height: 2em;font-weight: bold;font-size: 40upx;} .content{line-height: 2em;} </style> 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 30. 31. 32. 33. 34. 35. 36. 37. 3...
1.只能使用text标签<text class="iconfont" style="color: #fff;font-size: 28rpx;"> </text> 2.App.vue设置,引入iconfont onLaunch() {//#ifdef APP-PLUSthis.addIconFont();//#endif}, /** 添加icon解决(真机)nvue引用不生效问题*/addIconFont() { const dom= weex.requireModule('dom'); dom.ad...
现在,使用nvue版本的聊天页,建议uniapp原生的顶部导航栏,渲染速度快,不会出现白屏。具体配置在pages.json中。 { "path": "pages/xxx/xxx", "style": { "titleNView": { "autoBackButton":false, "buttons": [ { "float":"left", "fontSize": "46rpx", // iconfont自定义按钮写法 "fontSrc": "/s...
<template> <page-meta root-font-size="100px" page-style="color: green;background:#ff0000"> </page-meta> <view class="content"> <view class="title">123</view> </view> </template> <script> export default { data() { return { title: 'Hello1' } }, onLoad() { }, methods: {...
遇到原来的 vue 写法怎么不生效,别犹豫去看文档,可能就是不支持。 有时间熟读文档。 跨端最大的问题就是兼容性。 1. 不能采用全局注册的方式注册组件 通常在 components 目录会存放项目中共用的组件,然后暴露install,全局引用安装 // components/index.js// 各种组件importPagefrom"./page.vue";//constComponents...
{"pages":[// pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages{"path":"pages/index/index","style":{"navigationBarTitleText":"企业端","navigationBarBackgroundColor":"#007AFF","app-plus":{"bounce":"vertical","titleNView":{"buttons":[{"fontSize":"22px"...
"fontSize":"10px", "iconWidth":"24px", "spacing":"3px", "iconfontSrc":"static/iconfont.ttf",// app tabbar 字体.ttf文件路径 app 3.4.4+ "list":[ { "pagePath":"pages/component/index", "iconPath":"static/image/icon_component.png", ...
- 修复`TnTabs`设置`active-font-size`无效的问题 - 修复`TnPicker`不选择后直接点击确认会报错的问题 ### 1.0.17-beta.2 ### 新增 - `TnButton`新增`getRealtimePhoneNumber`type类型 - `TnButton`新增`phoneNumberNoQuotaToast`参数 - `TnButton`新增`getrealtimephonenumber`事件 ### 1.0.17-...