wxs,小程序之wxs-即速应用

wxs,小程序之wxs

浏览量：969 时间：2019-12-09 来源：tang05709

WXS（WeiXinScript）是小程序的一套脚本语言，结合WXML，可以构建出页面的结构。
在做小程序时，我的图片路径是存储的相对路径，所以需要在路径上加上域名，但是每个页面每张图片都这样加，不方便管理，也很麻烦，就想着是否可以定义一个全局函数统一加，百度了很久都没有，后来看到文档中的wxs，似乎可以实现我的想法，所以就开始做吧
在pages下新建wxs目录，当然也可以在根目录，然后建立wxs文件，如
pages/wxs/getImage.wxs
vargetImageSrc=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.wxs
vargetImageArray=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

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题，烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ，我们将及时处理。本站文章仅作分享交流用途，作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关，请知悉。