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

相关推荐
方也_arkling2 小时前
别名路径联想提示。@/统一文件路径的配置
前端·javascript
毕设源码-朱学姐2 小时前
【开题答辩全过程】以 基于web教师继续教育系统的设计与实现为例,包含答辩的问题和答案
前端
web打印社区2 小时前
web-print-pdf:突破浏览器限制,实现专业级Web静默打印
前端·javascript·vue.js·electron·html
RFCEO3 小时前
前端编程 课程十三、:CSS核心基础1:CSS选择器
前端·css·css基础选择器详细教程·css类选择器使用方法·css类选择器命名规范·css后代选择器·精准选中嵌套元素
Amumu121383 小时前
Vuex介绍
前端·javascript·vue.js
We་ct3 小时前
LeetCode 54. 螺旋矩阵:两种解法吃透顺时针遍历逻辑
前端·算法·leetcode·矩阵·typescript
2601_949480064 小时前
【无标题】
开发语言·前端·javascript
css趣多多4 小时前
Vue过滤器
前端·javascript·vue.js
理人综艺好会4 小时前
Web学习之用户认证
前端·学习
We་ct4 小时前
LeetCode 36. 有效的数独:Set实现哈希表最优解
前端·算法·leetcode·typescript·散列表