记录为 uni-app的扩展组件(uni-ui)和 微信小程序标签 添加行内样式的正确做法

如题,首先,正确为微信小程序标签添加行内样式,其做法是:(以view为例)

html 复制代码
<view style="width: 400rpx; height: 400rpx; background-color: green;">goods_list</view>

也就是说,直接像写css一样直接写在双引号内就行了,无需考虑background-color要不要写成驼峰形式、400rpx要不要加上引号等等,因为vue里添加样式 是 :style="{...}"绑定,以为小程序也是这样,摸索了好一会儿。

同理,对于uni-app的扩展组件uni-ui,传入的customStyle也是直接像微信小程序的style里一样,直接传入css写法的字符串即可,以 uni-tag组件的customStyle为例:

html 复制代码
<uni-tag :customStyle="tagStyle"></uni-tag>
<script>
export default {
  data () {
    return {
      tagStyle: "background-color: blue;"
    }
  }
}
</script>

因为之前vue传入样式都是传入一个对象,这里摸索了好久,记录一下。

相关推荐
你很易烊千玺3 分钟前
uniapp多端打包样式处理
uni-app·多端化css处理
海绵宝宝不喜欢侬3 分钟前
uniapp微信小程序保存海报到手机相册canvas
智能手机·微信小程序·uni-app·canva可画
Wiktok1 小时前
pureadmin的动态路由和静态路由
前端·vue3·pureadmin
devii661 小时前
html.
前端
掘金安东尼1 小时前
为什么浏览器要限制 JavaScript 定时器?
前端·javascript·github
学前端搞口饭吃1 小时前
react context如何使用
前端·javascript·react.js
GDAL1 小时前
为什么Cesium不使用vue或者react,而是 保留 Knockout
前端·vue.js·react.js
IT_陈寒1 小时前
《Java 21新特性实战:5个必学的性能优化技巧让你的应用快30%》
前端·人工智能·后端
海绵宝宝不喜欢侬1 小时前
【uniapp微信小程序】扫普通链接二维码打开小程序
微信小程序·小程序·uni-app
小蒜学长1 小时前
基于uni-app的蛋糕订购小程序的设计与实现(代码+数据库+LW)
java·数据库·spring boot·后端·小程序·uni-app