记录为 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传入样式都是传入一个对象,这里摸索了好久,记录一下。

相关推荐
小小小小宇15 分钟前
CSS 渐变色
前端
snow@li1 小时前
前端:开源软件镜像站 / 清华大学开源软件镜像站 / 阿里云 / 网易 / 搜狐
前端·开源软件镜像站
一 乐1 小时前
实验室预约|实验室预约小程序|基于Java+vue微信小程序的实验室预约管理系统设计与实现(源码+数据库+文档)
java·数据库·微信小程序·小程序·毕业设计·论文·实验室预约小程序
小小小小宇1 小时前
配置 Gemini Code Assist 插件
前端
one 大白(●—●)1 小时前
前端用用jsonp的方式解决跨域问题
前端·jsonp跨域
刺客-Andy1 小时前
前端加密方式 AES对称加密 RSA非对称加密 以及 MD5哈希算法详解
前端·javascript·算法·哈希算法
前端开发张小七2 小时前
13.Python Socket服务端开发指南
前端·python
前端开发张小七2 小时前
14.Python Socket客户端开发指南
前端·python
ElasticPDF-新国产PDF编辑器2 小时前
Vue 项目 PDF 批注插件库在线版 API 示例教程
前端·vue.js·pdf