阅读 36

小程序如何创建一个组件使用

 

(1)组件文件夹

components下 kf (.json、.js、.wxss、.wxml)

例如加一个客服组件:

components下kf

(1)kf.js

const APP=getApp();
Component({
  data:{
    kfUrl:APP.globalData.kfUrl
  }
})

(2)kf.json

{
  "component":true
}

 

 (3)kf.wxml

"/pages/webView/index?url={{kfUrl}}" class="kf-component" hover-class="none">
  "/static/icon/kf-icon.png" mode="widthFix">

(4)kf.wxss

.kf-component{
  width: 96rpx;
  height: 96rpx;
}
.kf-component image{
  width: 100%;
}

 

app.js

App({
   // 全局数据
   globalData: {
       kfUrl: encodeURIComponent("https://www26.53kf.com/webCompany.php?arg=10173200&kf_sign=TM5OTMTU4McyNTEwMjgyNzQ1MDkyMDEzNzIxNzMyMDA%253D&style=1"), //客服地址
   }
})

 

app.json

{
  "usingComponents": {
    "kf-component": "../../components/kf/kf",
  },
}

 

index.wxml使用页

  
  class="kf-box">

 

 

 

 

 

原文:https://www.cnblogs.com/liubingyjui/p/12836684.html

文章分类
代码人生
文章标签
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐