【微信小程序】自定义动态样式报错

于 2022-01-26 14:02:26 发布
阅读量186 收藏
点赞数 1
文章标签： 微信小程序 小程序
原文链接：https://blog.csdn.net/qq_40558766/article/details/110860343
版权

【微信小程序】自定义动态样式报错


前不久升级微信开发者功能，部分写法在以前工具上不会报错，现在会报错，比如
在这里插入图片描述
解决办法：
在开发者工具上将铃铛旁边的语言，由 HTML 改成 WXML。
在这里插入图片描述

参考链接：https://blog.csdn.net/qq_40558766/article/details/110860343

黑夜再长，也会亮
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序瀑布流waterfall简单的实现方法
08-10
总之，微信小程序的瀑布流实现并不复杂，主要涉及动态计算和布局调整。理解这一过程可以帮助你在开发过程中节省时间和精力，同时为用户提供流畅的视觉体验。通过不断学习和实践，你将能更熟练地运用这一技术，打造...
详解使用uni-app开发微信小程序之登录模块
01-20
综上所述，在uni-app开发微信小程序的登录模块中，需要关注用户授权流程的变化，正确使用`wx.getUserInfo`接口，并通过自定义界面和逻辑来确保用户体验。同时，与后端的交互也至关重要，确保用户信息的安全性和登录...
小程序组件样式文件报错
把项目开发中遇到的问题记录下来
11-25 233
在小程序开发中，组件的样式文件中是不能使用ID选择器、属性选择器以及标签选择器的，如需修改样式，请改用类选择器(class) #aa{ } /*ID选择器在组件中不可使用*/ [a]{ } /*属性选择器在组件中不可使用*/ a { } /*标签选择器在组件中不可使用*/ .a > .b { } /* 除非.a是view组件节点，否则不一定会生效*/ ...
【原创】微信小程序之style动态绑定样式提示 “{ expected css(css-lcurlyexpected)“ 的错误
RubyXun's-Blog
08-07 4338
错误示例 解决方案 是的，你没有看错，style前面加一个冒号（:）即可。 至于为什么，百度vue即可~ RubyXun
微信小程序 动态绑定 style 样式 和class
热门推荐
Alex81320的博客
10-31 6万+
<view class="changeImageView" style="display:{{displayPhoto}}" > <view class="operbtn">测试</view> </view> <view class="section section_gap"> &a
uni-app微信小程序动态样式设置；微信小程序style行内式无效；微信小程序style行内式编译报错；微信小程序:style设置样式
i_am_a_div的博客
11-01 3788
场景：微信小程序设置动态样式，有些时候是需要用到变量来书写的；但是实际使用发现，行内式书写虽然有效，但是会使得微信小程序的编辑失败；故需要使用动态的v-bind来写动态变量行内式样式（既使用:style="{ }"） <template> <view> <view class="big_box"> <!-- 故需要通过动态v-bind来设置 动态变量样式 ----正确书写✅ --> <view class=".
微信小程序动态样式
xm_w_xm的博客
01-14 537
<view class="{{theindex==index?'left-item-active':'left-item'}}" bindtap="changeIndex" data-item="{{item}}" data-index="{{index}}"> {{item.name}} </view> changeIndex(e) { // console.log(e.currentTarget.data...
微信小程序教程系列之新建页面（4）
12-11
微信小程序采用了一套自己独特的架构，包括WXML（结构层）、WXSS（样式层）和JS（逻辑层）三部分，因此创建新页面需要遵循特定的步骤。接下来，我们将深入探讨如何在微信小程序中新建一个页面。 首先，你需要创建...
微信小程序wxapkg解包及相关文件(.wxss,.json,.wxs,.wxml)还原工具wxappUnpacker-master.zip
09-25
它支持一些特定的微信小程序扩展，如相对单位rpx，以及自定义组件样式。 2. **.json** 文件：配置文件，用于设置页面的全局属性、窗口表现、网络请求接口等。比如app.json是应用级配置，而page.json则是页面级别的...
微信小程序 scroll-view的使用案例代码详解
10-15
总结，微信小程序中的 `scroll-view` 组件是实现滚动效果的关键，它支持自定义滚动方向、滚动位置控制以及滚动事件监听。正确理解和使用这些特性，可以帮助开发者创建更加丰富、交互性更强的小程序页面。
小程序动态设置样式
北海魚博客
08-31 8041
微信小程序中是没有DOM操作，确实是不好处理 但是必须调整自己的开发策略，小程序可以理解为"数据驱动渲染"开发方式。 场景解决 对于你的问题，我可以简单的说一下解决方案:单按钮处理 &lt;button class="{{select == 0 ? 'gray':'red'}}"&gt;按钮&lt;button&gt; //只需要动态变更select既可以改变class渲染 var t...
微信小程序动态添加class样式
小傲哥哥的博客
03-02 1万+
<view class="tabs_title {{item.isActive?'active':''}}" wx:for="{{tab}}" wx:key="id" >{{item.value}}</view> 如上面例子所示，在原有的class样式类 tabs_title 的基础上再给元素添加一个act...
小程序动态添加样式
sky_sunshine_x的博客
09-17 5723
如图所示，判断是否满足某个条件，满足则添加sel样式，否则添加其他样式：
微信小程序动态样式|参数传递
qq_35771266的博客
08-28 1000
<ulclass="item-list"> <liwx:for="{{periodList}}"wx:for-item="period" wx:key="id" class="item{{currentPeriodId==period.id?'active':''}}" data-id="{{period.id}}" bindtap="choosePeriod">{{period.name...
微信小程序——动态样式设置
月来better
07-27 4451
当我们想根据不同的条件值，展示不同的页面效果。那就需要动态设置样式 案例如下： index.wxml: <button bindtap="set"> 设置 </button> <view style="color:{{ setColor ? 'red' : 'cyan' }}"> hello world </view> index.js: Page({ data:{ setColor:false }, set(){ this.setData({
微信小程序踩坑日记-微信小程序首次加载样式错乱问题
一个网络搬砖的斜杠青年
05-28 1659
微信小程序踩坑日记-微信小程序首次加载样式错乱问题 在实际开发项目中，遇到了个棘手的问题，就是在某些因素下，进入小程序发现有些样式发生偏移、错乱等问题 问题原因：-未知（估计是组件的问题） ↓ 解决办法：将组件拆分，原有组件中的样式迁移到当前的wxss文件下 即可解决首屏加载样式错乱问题 ...
小程序动态class
Java学习博客
04-22 424
wxml代码： <view class="{{isCountingDown?'val-btn-counting':'val-btn'}}"></view> js代码： data: { isCountingDown: false } isCountingDown为true时，class=val-btn-counting。 isCountingDown...
微信小程序document.getElementById报错
最新发布
02-24
在微信小程序中，使用document.getElementById会报错，因为信小程序的运行环境是基于WebView的，不同于浏览器环境。在微信小程序中，没有直接操作DOM的能力，也就是没有document对象和getElementById方法。 微信小程序中，可以通过使用wx.createSelectorQuery()方法来获取页面中的节点信息。具体步骤如下： 1. 使用wx.createSelectorQuery()方法创建一个查询对象。 2. 使用该查询对象的select()方法选择需要操作的节点，可以通过节点的class、id等属性进行选择。 3. 调用该查询对象的boundingClientRect()方法获取节点的位置、大小等信息。 4. 调用该查询对象的exec()方法执行查询操作，并在回调函数中获取节点信息。 以下是一个示例代码： ```javascript // 在页面的js文件中 wx.createSelectorQuery().select('#myElement').boundingClientRect(function(rect){ console.log(rect); // 输出节点的位置、大小等信息 }).exec(); // 在页面的wxml文件中 <view id="myElement">这是一个节点</view> ``` 通过以上步骤，你可以获取到指定节点的信息，并进行相应的操作。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值