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

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

<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为例:

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

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

相关推荐

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2023-12-23 08:20:01       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2023-12-23 08:20:01       100 阅读
  3. 在Django里面运行非项目文件

    2023-12-23 08:20:01       82 阅读
  4. Python语言-面向对象

    2023-12-23 08:20:01       91 阅读

热门阅读

  1. python开发:日志工具logging的使用

    2023-12-23 08:20:01       67 阅读
  2. Python高级语法与正则表达式

    2023-12-23 08:20:01       60 阅读
  3. Golang 在 Mac、Linux、Windows 下如何交叉编译

    2023-12-23 08:20:01       61 阅读
  4. 大数据开发职业规划

    2023-12-23 08:20:01       68 阅读
  5. Cmake

    Cmake

    2023-12-23 08:20:01      69 阅读
  6. 决策树相关算法_ID3_C45_信息熵_剪枝

    2023-12-23 08:20:01       59 阅读