- 小程序的体验评价被同行恶意刷差评如何申诉?
[图片] 同一地区IP同一时间来恶意差评,西安是有一家同行经常来恶意抹黑
2023-09-05 - Cannot read properties of undefined reading match
We分析报的, 这是什么错? 找了一遍代码里面的match, 又不像是, 错误堆栈奇奇怪怪的 Cannot read properties of undefined (reading \'match\') TypeError: Cannot read properties of undefined (reading \'match\') at Dp (7879944a7880c2b4eba6800704df649a-8519-V0FTZXJ2aWNlTWFpbkNvbnRleHQuanM=.cachedata:1:714206) at Wt. (7879944a7880c2b4eba6800704df649a-8519-V0FTZXJ2aWNlTWFpbkNvbnRleHQuanM=.cachedata:1:744144) at Wt.emit (7879944a7880c2b4eba6800704df649a-8519-V0FTZXJ2aWNlTWFpbkNvbnRleHQuanM=.cachedata:1:618989) at Object.emit (7879944a7880c2b4eba6800704df649a-8519-V0FTZXJ2aWNlTWFpbkNvbnRleHQuanM=.cachedata:1:624091) at 7879944a7880c2b4eba6800704df649a-8519-V0FTZXJ2aWNlTWFpbkNvbnRleHQuanM=.cachedata:1:625138 at 7879944a7880c2b4eba6800704df649a-8519-V0FTZXJ2aWNlTWFpbkNvbnRleHQuanM=.cachedata:1:615421 at o.emit (7879944a7880c2b4eba6800704df649a-8519-V0FTZXJ2aWNlTWFpbkNvbnRleHQuanM=.cachedata:1:119124) at Object.onAppEnterForeground (259a7367f217a846f045d2e1d5eceee1-8519-V0FQQ0FkYXB0ZXJBcHBJbmRleC5qcw==.cachedata:2:404163) at Object.subscribeHandler (259a7367f217a846f045d2e1d5eceee1-8519-V0FQQ0FkYXB0ZXJBcHBJbmRleC5qcw==.cachedata:2:172944) at 259a7367f217a846f045d2e1d5eceee1-8519-V0FQQ0FkYXB0ZXJBcHBJbmRleC5qcw==.cachedata:2:173970
2023-12-18 - 破解了上万个小程序,并上架的服务商-笨淘淘。以及背后的公司武汉X源举报侵权居然没有用?
武汉X源科技有限公司破解了上万个小程序,利用之前服务商的漏洞,批量注册小程序,并在昆明官渡区,沈阳,武汉,山西晋城市等地方批量注册数千家公司和个体户。破解其他开发者的心血,批量上架并霸榜。快去搜搜你的小程序有没有被破解并重新上架。关键是由于被破解的大部分是小开发者,没有申请软著,投诉并没有用。 如果你搜索下面的小程序,显示已经暂停服务,因为开发者的愤怒让他们害怕,暂停了一部分小程序,并且取消了小程序和服务商的关联,但是这远远不够,我们希望官方能惩罚他们。--10月17号晚上22:35分更新 文章分成三部分:1、破解证据;2、上架了多少产品;3、注册了多少公司。 1、部分破解证据 下面以吉祥日历和文学典读,还发现有今日菜价等等。持续更新中。 以破解小程序吉祥日历为例: [图片] [图片] 笨淘淘的套路就是批量破解,首页名字都没有改,加上视频广告和各种插屏广告,还接入第三方的谷歌广告。批量上线。 由于他们盗版的都是小开发者,并没有软著,举报代码侵权,并没有用。 更让人感觉讽刺的是这种满眼广告的小程序用户比正版小程序用户多的多! 看到有人说这个。不算,但是各位如果你们搜索过就会发现, 左上角的logo是一样, 顶部的名字是一样,UI一摸一样,甚至bug也一样,唯一的差别就是对方在顶部注入了视频广告,导致视觉上看起来有点不像! 下面这个文学典读: 对方破解后就是在顶部加视频广告,连搜索结果都一摸一样。 底部的文章顺序也一摸一样。 详情页就是添加了视频广告。 从内容到UI都是一样。 原版:干净整洁 [图片] 盗版:批量插入广告,定时弹出插屏广告,动不动就有激励视频。 而且文章和诗词的顺序一摸一样,甚至连搜索的内容都是一致的。 更恐怖的是当搜索相关关键词时候,大部分都是盗版小程序。 [图片] 对方上线了多少个类似古诗词的应用。 以下的小程序仅仅为古诗必备的前30搜出来的应用。如果考虑到长尾词。只会更多。 [图片] [图片][图片][图片][图片][图片][图片] 2、上架了多少产品; 以上仅仅是其中两个例子。还有各类群工具,转盘,扫描,记账、表情包,日历,五行穿衣,变声器,压缩,拼图,各类小游戏,游戏助手等工具。 可以看到有的小程序上甚至不加掩饰,连名字都没有改。更讽刺的是盗版的用户比正版用户多的多。 盗版小程序破千的应用比比皆是。 通过关键词霸榜,蹭名字,蹭图标混淆小程序,快速提量,并且通过官方广告+第三方广告快速变现,完全不管用户体验。点击一个按钮就要激励视频。 极大的破坏了生态。 下面以扫描王关键词,统计前70有多少个笨淘淘服务商相关的小程序。 每个小程序都是一样,并没有差异化体验,而且小程序体验非常糟糕,广告满天飞。动不动强制用户看激励视频。以下截屏,是按照顺序截图,统计了前70个小程序,其中29个是笨淘淘相关小程序,占比41%。 每个都一摸一样。 到处是广告,动不动就弹广告。 [图片] [图片] [图片] 如果搜索更加一些细分类型的关键词,结果也很多。 比如变声器,转盘。 如下图的变声器,占比达到40%。 [图片][图片] 社区有人统计出一部分,比如官渡区,然而这仅仅是一部分,还有沈阳市苏家屯区和海口部分地区。 根据他们的小程序序号,可能有40万个。 他们的小程序一开始名字都叫 “数字+试用小程序”, 下面这个小程序,是427970。如果排序正确,就是说下面这个小程序是第427970个小程序。 [图片] 如何识别这些小程序,打开小程序,更多资料,查看授权第三方服务, 只要是笨淘淘的就是他们的小程序。 2023年10月17号发现,对方已经在取消授权第三方服务。 如果要确实是否是笨淘淘的小程序,需要看到具体公司,然后到爱企查,天眼查,查看法人,如果是赵婷婷或者是陈池,八九不离十。 3、注册了多少公司 这些公司大多以武汉X源科技有限公司的老板陈池和赵婷婷为主。 要注意很多新公司没法被关联的。所以这里现实330仅仅是其中一部分。 [图片] [图片] [图片] [图片] [图片] [图片] 要注意,这里都仅仅是一部分。 很多公司并没有相互关联,如下的这一家。 [图片] 这个公司的小程序是这个画风,清一色破解批量上架小程序。 [图片] 看到社区有人反馈,但这仅仅是一部分。下面是链接。 https://developers.weixin.qq.com/community/develop/doc/00002c8efd0b70d3f6306550761800?highLine=%25E5%25AE%2598%25E6%25B8%25A1%25E5%258C%25BA 一个武汉X源科技的陈年往事。 这张图是2023年7月6号截图。 当时发现自己有打牌记分的需求。看到分数异常截图下来。没想到还有用。 当时是武汉X源做了个打牌记账工具和排名第一个的“打牌记账”UI一摸一样,“打牌记账|计分器”短时间内就排名靠前,并且评分 5.0分, 而打牌记账 分数3.6分。今天,已经完全找不到武汉X源的“打牌记账”小程序了,不知道当时收到官方什么惩罚。 但是,笨淘淘系上线了一系列新的“打牌记账”类应用, UI已经和当初抄袭的完全不同。如果被逃过,估计他们就会给破解的小程序套上新的UI。摇身一变。 再次希望对方能得到应有的惩罚。 [图片] 如果批量破解上架举报没有用,那大家开发什么,批量上架就行了。请官方严肃处理这个服务商。严惩相关人员。
2023-10-30 - saveVideoToPhotosAlbum接口Android手机保存视频时长为0?
很多用户反馈,突然保存的视频时长为0,以前正常突然不行了,小程序没有针对这个做过任何改动。 接口:saveVideoToPhotosAlbum接口 基础库: 2.28.1以及以上 同一个视频,同一个Android手机, 通过手机浏览器下载保存视频,时长正常,相册中显示也正常,微信也可以正常转发,其他视频剪辑软件都可以正常导入; 但是在小程序下载然后saveVideoToPhotosAlbum保存视频到相册后,微信转发好友选择视频时,列表中不显示保存的视频; 到相册中查看缩略图上的时长,有的手机显示时长为0,有的手机显示时长正常;有的手机显示0但可以播放,有的无法播放。剪辑软件导入有的剪辑软件可以导入时长为0的视频,有的无法导入; 共同点是,基础库版本都是2.28.1或2.29.0,使用老版本基础库保存的视频都是正常的。 用别的保存mp4视频的小程序试了,现象也一样,反馈的用户特别多,麻烦尽快查一下。 另外下面两个截图分别是小程序下载视频保存的视频,和浏览器下载保存的视频,下载链接是同一个: [图片] [图片] 使用企业微信可以转发,选择时,两个视频下方显示信息不一样, 用微信转发,选择时列表不显示时长和大小为0的视频,无法发送。 显示时长和大小为0的视频,在相册查看详情,真实大小其实不是0。 猜测可能是新的基础库或内核,保存视频时设置的参数有误或者有什么bug。 反馈的用户特别多,影响特别严重,希望尽快查一下
2022-12-18 - URL Link无法打开小程序;打开页面路由错误
@官方,希望立即处理,很着急。 小程序appid:wx741fc9e9b81dad03 问题如下: 1、URLLink在微信内访问,小程序未打开过(或已删除),URLLink无法唤起小程序 2、通过小程序搜索进入小程序,并访问A页面,通过右上角胶囊关闭小程序。URLLink绑定页面B,微信内访问URLLink,唤起小程序还是在页面A 问题1视频
2022-10-08 - 微信支付 关闭支付权限 申诉维持原判,如何解决
商户号1604686161,应该是遭遇到恶意投诉,连着出了好几个投诉,然后提示补充特殊资料,延迟结算,后提示关闭支付权限,恢复提现 补充材料申诉,提交申诉材料后说维持原判,请问如何解封才能重新获取到支付权限,打客服电话了,让申诉或者重新开一个新的商户号,但是我们不想换商户号,不知道哪里出了问题
2020-12-24 - pc微信saveVideoToPhotosAlbum报错?
较多用户 都报错 saveVideoToPhotosAlbum:fail:not supported 这个。 代码没动过。我电脑没问题 无法复现, 有的人重装微信就解决了,过几天又爆这个错。 有的人办公室里其他同事都没问题 就他电脑出这个问题,。 有的人昨晚用的好好的,早上就爆这个问题。 请官方重视一下,这个问题已出现快一个月了。
2022-04-01 - 华为手机在选择视频的时候一直显示正在压缩?
wx.chooseMedia 华为的手机在选择视频后一直显示压缩中
2020-11-13 - 借助云开发搭建专属技术博客小程序丨实战
▌博客小程序介绍 主要功能: 包括文章的发布及浏览、评论、点赞、浏览历史、分类、排行榜、分享、生成海报图等。 [图片] 效果展示: [图片] ▌数据库设计 数据库主要就7张表,分别为:用户表,分类表,文章表,文章内容表,评论表,点赞表,历史浏览表。 [图片] ▌评论功能设计 以文章评论功能为例,我们来看看代码以及小程序云开发的整个流程。 1. 实现思路 一开始的实现思路是准备搞两张表,一张评论主表,一张回复评论的子表,后来想着不用这么复杂,其实就用一张表也能实现评论及回复的功能。 2. 代码实现 发表评论有三种情况,第一种是评论文章,为一级评论,第二种是评论别人的评论,为二级评论,第三种是回复别人的评论,为三级评论。 2.1 如何新增一条评论 [图片] 结合上面图片,我们再来看看代码,就很清晰了。 [代码]/** * 发布评论 */ submit() { var comment = this.data.inputData if (comment == '') { wx.showToast({ title: '请填写评论', icon: 'none' }) } else { console.log("我的评论:" + this.data.inputData) var type = this.data.type; if (type == 1) { // 1是评论别人的评论》二级评论 this.replyComment(1) } else if (type == 2) { this.replyComment(2) // 2是回复别人的评论》三级评论 } else if (type == 3) { // 3是评论文章》一级评论 this.addComment(); } } }, /** * 新增评论 */ addComment() { var _this = this; var openid = wx.getStorageSync("openid") wx.showLoading({ title: '正在加载...', }) var create_date = util.formatTime(new Date()); console.log("当前时间为:" + create_date); var timestamp = Date.parse(new Date()); timestamp = timestamp / 1000; console.log("当前时间戳为:" + timestamp); // 调用云函数 wx.cloud.callFunction({ name: 'addComment', data: { //_id: timestamp + _this.data.otherUserInfo._id, id: _this.data.articleDetail._id, _openid: openid, avatarUrl: _this.data.userInfo.avatarUrl, nickName: _this.data.userInfo.nickName, comment: _this.data.inputData, create_date: create_date, flag: 0, article_id: _this.data.articleDetail.article_id, timestamp: timestamp, childComment: [], }, success: res => { // res.data 包含该记录的数据 console.log("新增评论成功---") wx.showToast({ title: '评论提交成功', }) wx.navigateBack({ delta: 1 }) }, fail: err => { console.error('[云函数]调用失败', err) }, complete: res => { wx.hideLoading() } }) }, /** * 回复评论 */ replyComment(commentType) { var _this = this; wx.showLoading({ title: '正在加载...', }) var create_date = util.formatTime(new Date()); console.log("当前时间为:" + create_date); var timestamp = Date.parse(new Date()); timestamp = timestamp / 1000; wx.cloud.callFunction({ name: 'replyComment', data: { id: _this.data.articleDetail._id, _id: _this.data.otherUserInfo._id, avatarUrl: _this.data.userInfo.avatarUrl, nickName: _this.data.userInfo.nickName, openId: _this.data.openid, comment: _this.data.inputData, createDate: create_date, flag: commentType, opposite_avatarUrl: _this.data.otherUserInfo.avatarUrl, opposite_nickName: _this.data.otherUserInfo.nickName, opposite_openId: _this.data.otherUserInfo._openid, timestamp: timestamp, }, success: res => { // res.data 包含该记录的数据 console.log("回复评论成功---") wx.showToast({ title: '回复提交成功', }) wx.navigateBack({ delta: 1 }) }, fail: err => { console.error('[云函数]调用失败', err) }, complete: res => { wx.hideLoading() } }) }, [代码] 下面是新增评论和回复评论的两个云函数,主要用到了async和await这两个函数,让新增和回复函数执行完后我们再更新一下article文章表的评论字段,让其加1,async和await的好处就是可以让函数有序的进行,这里就不赘述。 [代码]// 新增评论云函数 const cloud = require('wx-server-sdk') var env = 'hsf-blog-product-xxxxx'; // 正式环境 // var env = 'xxxxxxxxxxxxx'; // 测试环境 cloud.init({ env: env }) const db = cloud.database() const _ = db.command exports.main = async(event, context) => { try { let res = await db.collection('comment').add({ data: { _openid: event._openid, avatarUrl: event.avatarUrl, nickName: event.nickName, comment: event.comment, create_date: event.create_date, flag: event.flag, article_id: event.article_id, timestamp: event.timestamp, childComment: [], } }).then(res => { return res; }) await db.collection('article').doc(event.id).update({ data: { comment_count: _.inc(1) } }) return res; } catch (e) { console.error(e) } } [代码] [代码]// 回复评论云函数 const cloud = require('wx-server-sdk') var env = 'hsf-blog-product-xxxxx'; // 正式环境 // var env = 'xxxxxxxxxxxxxx'; // 测试环境 cloud.init({ env: env }) const db = cloud.database() const _ = db.command exports.main = async(event, context) => { try { let res = await db.collection('comment').doc(event._id).update({ data: { childComment: _.push({ avatarUrl: event.avatarUrl, nickName: event.nickName, openId: event.openId, comment: event.comment, createDate: event.createDate, flag: event.flag, opposite_avatarUrl: event.opposite_avatarUrl, opposite_nickName: event.opposite_nickName, opposite_openId: event.opposite_openId, timestamp: event.timestamp, }) } }).then(res => { return res; }) await db.collection('article').doc(event.id).update({ data: { comment_count: _.inc(1) } }) return res; } catch (e) { console.error(e) } } [代码] 2.2 如何显示每一条评论 从数据库取出评论的数据,循环遍历每一条父评论,如果有子回复也一并循环。这里每一条评论的唯一标识是用户的openId,那么我们可以用这个做一些事情,如:可以判断如果是自己的评论是不能回复的。 [代码]<view class="comment" wx:if="{{commentList.length>0}}"> <view class="comment-line"> <text class="comment-text">评论交流</text> <view class="bottom-line"></view> </view> <block wx:for='{{commentList}}' wx:key='*this' wx:for-item="itemfather"> <view class='commentList'> <view class="top-info"> <view class='img-name'> <image src="{{itemfather.avatarUrl}}"></image> <label>{{itemfather.nickName}}</label> </view> </view> <view class="father-content"> <text class="text">{{itemfather.comment}}</text> <view class="father-reply-time"> <text class="create-time">{{itemfather.create_date}}</text> <text class="reply" data-item="{{itemfather}}" bindtap='clickFatherConter' wx:if="{{openid != itemfather._openid}}">回复</text> </view> </view> <view class="children-content"> <block wx:for='{{itemfather.childComment}}' wx:key='*this'> <view class='childComment'> <view class="child-img-name"> <view class="avatar-name"> <image src="{{item.avatarUrl}}"></image> <text class='nickName'>{{item.nickName}}</text> </view> </view> <view class="child-comment" wx:if="{{item.flag==2 }}"> <text class='huifu'>回复</text> <text class='opposite-nickName'>{{item.opposite_nickName}}</text> <text class='comment-text'>{{item.comment}}</text> </view> <view class="child-comment" wx:if="{{item.flag==1}}"> <text class='comment-text'>{{item.comment}}</text> </view> <view class="child-reply-time"> <text class="child-create-time">{{item.createDate}}</text> <text class="reply" data-item="{{item}}" data-id="{{itemfather._id}}" bindtap='clickChildrenConter' wx:if="{{openid != item.openId}}">回复</text> </view> </view> </block> </view> </view> </block> </view> [代码] ▌项目运行 1. 下载源码 在github上将代码下载到本地: https://github.com/husanfeng/hsf_blog.git ** 2. 环境准备** (1)下载小程序开发工具; (2)注册appid; (3)使用小程序开发工具导入下载的代码,填入自己注册的AppID。 3. 云开发准备 (1)开通云开发功能。 [图片] (2)创建测试环境和生产环境。 [图片] 4. 修改环境ID (1)修改app.js中的环境ID为自己的环境ID。 [图片] (2)修改所有云函数中的环境ID为自己的环境ID。 [图片] 5. 云函数部署 (1)右键云函数目录,点击在终端中打开,执行npm install。 (2)右键执行上传并部署:所有文件。 6. 构建npm (1)勾选使用npm模块。 [图片] (2)点击顶部功能栏,执行构建npm。 7. 执行编译 ▌发布注意事项 小程序现在审核也是越来越严谨了,为了不让大家在审核道路上走弯路,我把我的一些经验分享给大家。 在微信公众平台上为小程序选择正确恰当的服务类目,例如博客类的小程序就可以选择教育信息服务。 如果你的小程序需要账号密码登录,提交审核时需要提交一个账号和密码,而且这个账号不能是测试账号,不能出现测试数据。 提交审核的版本首页需要有数据展示,例如:博客小程序你需要发布一篇或者多篇文章。 文章内容不能存在敏感内容。 评论功能审核比较严格了,一旦评论中存在敏感词汇,肯定审核不通过,官方建议调用小程序内容安全API,或使用其他技术、人工审核手段,过滤色情、违法等有害信息,保障发布内容的安全。 源码地址 https://github.com/TencentCloudBase/Good-practice-tutorial-recommended 如果你想要了解更多关于云开发CloudBase相关的技术故事/技术实战经验,请扫码关注【腾讯云云开发】公众号~ [图片]
2019-12-26 - 频繁出现内存暴涨,闪退,黑屏,闪屏?
小程序一打开内存就涨到600+,频繁出现闪退,黑屏现象。。 我用我的手机打开拼多多,多进入几个页面也会出现此现象。 且社区多个用户也反馈了该问题 https://developers.weixin.qq.com/community/develop/doc/000ea4a738cbd0f113f8454bf51400 https://developers.weixin.qq.com/community/develop/doc/0008663fd24a486f64095864e56000 https://developers.weixin.qq.com/community/develop/doc/000ea8bb35897031d7e8bc43851400 至此排除个人原因!此bug已经严重影响用户体验,不。。。压根就没有用户体验可言!!! 还有微信经常出现白屏,是那种刷朋友圈刷着刷着就白屏了。。。需要重启手机才行! 然后同事的vivo x20 map组件没有同层渲染!!!!
2019-08-21 - 小程序更换域名 - 备案有问题的域名
问题描述: 现在已经发布上线的小程序的域名,由于一些变更原因,导致备案有问题。需要更换小程序。但是问题是,如果我更换了小程序,在审核期间,是否现在线上的小程序会受影响呢? 因为现在用的域名有问题,导致合法域名设置哪里,无法添加新的合法域名,必须删除备案有问题的域名,删除之后,在我的小程序发布审核期间,是不是线上的小程序会受到影响。 我的疑问: 备案有问题的域名,在合法域名设置里,影响到新域名的添加,必须删除有问题的域名才能添加新的合法域名,那么我删除了有问题的备案域名之后,线上已经发布的小程序在我新的小程序发布申请期间是不是会有问题?
2018-07-22 - 如何更优雅的使用IconFont你应该知道
微信小程序iconfont(也适用于网页和其他平台的小程序) 在微信小程序等使用iconfont进阶版,17年的时候就发过一次在微信小程序里使用iconfont的文章 去看看 时隔这么久也掌握了一些这方面的心得,稍微整理了一下。 用微信开发工具好还是用成熟的IDE好? 刚开始的时候我也是用开发工具写代码,因为刚接触的时候并没有什么特殊的需求,规规矩矩的按照开发文档来,到后面觉得效率太低了,于是改用了sublime text webstorm来做小程序开发,开发工具仅仅用来创建项目和预览。久而久之就已经完全弃用开发工具写代码了,并不是说开发工具不行而是说结合起来能给更高效的开发项目。 用webstorm来开发小程序 为什么选择ws而不用vscode,原因就是我用习惯了不想在去更换了。 讲重点: 项目目录结构 安装Less来编写css 利用ws编辑器来自动编译Less生成wxss 快速将iconfont引入项目 简单的一个例子 项目目录结构 [代码]iconfont -app 小程序项目目录 --pages 页面目录 ---index ----index.wxml ----index.less ----index.ts ----index.json ----index.js (自动编译) ----index.wxss (自动编译) --styles 样式目录 ---global.less 全局公共样式 ---global.wxss (自动斌阿姨) ---iconfont.less ---iconfont.wxss (自动编译) -app.ts -app.js (自动编译) -app.less -app.wxss (自动编译) app.json project.config.json 项目配置文件 sitemap.json 搜索引擎相关配置 -node_modules [代码] 安装Less 首先确保自己电脑是否安装了node.js,关于怎么安装node.js请自行谷歌或者百度。 全局或者单项目安装less [代码]npm install -g less [代码] [代码]webstorm[代码]配置[代码]less[代码]自动编译 打开ws设置找到[代码]File Watchers[代码] [图片] 添加一个less类型的监视器 [图片] 修改默认配置,按下图设置 [图片] 可以根据自己的习惯来设置,没有规定一定是这样,这套设置是当我less文件有改动我保存时会自动编译输出到wxss文件,这样的好处就是不会有改动就编译,而是保存的时候需要编译了才编译。 新建[代码]iconfont[代码]项目 打开阿里巴巴的图标库点我 新建一个项目,然后添加或者上传一些icon图标,生成Font Class的css链接,然后在styles目录下的[代码]iconfont.less[代码]文件里引入刚刚创建的链接,[代码]iconfont.wxss[代码]就会自动生成对应的代码,这样就不用每次icon有改变就得去打开创建的链接然后复制粘贴到iconfont.wxss了。 [图片] [图片] [图片] [图片] 举个栗子 [代码]// index.less文件中引入global.less跟iconfont.wxss // 至于为什么global引入的是less而iconfont引入的却是wxss // 因为less是css的预处理语言,所以最终还是会被打包编译成css // 所以我们global要引入的并不是要打包编译后的css代码 // 而iconfont因为我们在less里面引入了外链后被打包编译了需要的css @import (reference) "../../styles/global"; @import (css) "../../styles/iconfont.wxss"; [代码] [代码]// 在view里面直接使用icon <view class="icon iconaixin"></view> // 循序遍历所有的icon <view class="container"> <view wx:for="{{ iconList }}" wx:key="item" data-index="{{ index }}" class="item {{ index === iconIndex ? 'active' : '' }}" bind:tap="click"> <view class="icon icon{{ item.font_class }}"></view> <view class="name">{{ item.name }}</view> </view> </view> [代码] 效果图 [图片] 大致使用步骤就是,通过ws创建文件的监视器,自动编译打包,大大的提高了开发效率。 我less中使用rpx的时候用的是unit(10, rpx),当然你也可以直接用10rpx,但是IDE可能会识别不了,编译后或者格式化后会出现10 rpx这种情况,这样开发工具肯定就会报错了,解决办法就是在创建一个监视器,保存打包的时候,把10 rpx替换成10rpx即可,js部分是用ts编写,如果不懂可以直接看编译后的js,差别不会很大!如果也想ts修改代码,请执行[代码]npm install[代码]把相关依赖包下载就行了。 [图片] over 如果有疑问或者更好建议欢迎找我交流! 微信小程序代码片段 github
2019-07-12