E企盈小程序营销工具技术服务商 热线:4006-838-530

wxs,小程序之wxs

E企盈小程序直播系统

WXS(WeiXinScript)是小程序的一套脚本语言,结合WXML,可以构建出页面的结构。在做小程序时,我的图片路径是存储的相对路径,所以需要在路径上加上域名,但是每个页面每张图片都这样加,不方便管理,也很麻烦,就想着是否可以定义一个全局函数统一加,百度了很久都没有,后来看到文档中的wxs,似乎可以实现我的想法,所以就开始做吧在pages下新建wxs目录,当然也可以在根目录,然后建立wxs文件,如pages/wxs/getImage.wxsvargetImageSrc=function(imageKey){if(imageKey!=null){return’https://assets.xxxx.com/’+imageKey}else{returnimageKey}}module.exports={getImageSrc:getImageSrc}现在可以直接在wxml中使用首先引入wxssrc=”../wxs/getImageArray.wxs”module=”util”/然后再需要的地方使用imagesrc=”{{util.getImageSrc(item.image.key)}}”/由于需要在列表获取图片画册,但图片画册是存储的字符串,并以#分割,但读取的时候同样要加上域名,而且要把字符串转为数组分别显示,也可以用同样的方法pages/wxs/getImageArray.wxsvargetImageArray=function(imagesStr){varimageArray=[]if(imagesStr!=null){imageArray=imagesStr.split(“#”)for(i=0;iimageArray.length;i++){imageArray[i]=’https://assets.xxx.com/’+imageArray[i]}}returnimageArray}vargetImageArrayCount=function(imagesStr){varcount=0if(imagesStr!=null){imageArray=imagesStr.split(“#”)count=imageArray.length}returncount}module.exports={getImageArray:getImageArray,getImageArrayCount:getImageArrayCount}使用wxssrc=”../wxs/getImageArray.wxs”module=”util”/viewwx:if=”{{item.ossImages!=”&&util.getImageArrayCount(item.ossImages)2}}”viewclass=’articlearticle-gallery’viewwx:for=”{{util.getImageArray(item.ossImages)}}”imagesrc=”{{item}}”//view/view/view

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » wxs,小程序之wxs
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏