1、首先,微信小程序本身是不具备添加商品和开店功能的,所以我们需要用微信小程序开发平台,注册之后绑定我们的小程序就可以开始添加商品了。
2、其次,点击我们的小程序名称就可以进入后台,左侧商品,在打开商品栏目,我们先添加商品属性,打开商品属性,我们可以添加塌启产品的参数,比如材质、规格、等级、材质、颜色、风团清如格、大小、尺码、季节的词等等。
3、最后,依次添加商品规格、分类、列表,到店正没铺我的模版站点设计,选择一个适合我们的小程序模版,就完成了。
新手在第一次自定义组件的时候,首先写出来需要定义的组件的内弊念绝容和布局,防止不熟练而出错。
一、新建一个文件夹,自己命名。以后所有的自定义组件都存放于此。
二、在此文件夹下新建一个自行命名的文件夹,命名最好语义化,与里面自定义组件的名字相呼应。
三、在新建的文件夹内新建一个Component文件 命名也是自定义。
四、在xxx里面把事先写好的ml和ss以及js文件复制进去。
1、把提前写好的页面布局复制到这个此文件里面。写法和在普通页面的写法一样 {{}}是插值表达式。这里可以直接使用js里面定义的数据。
eg:
1、组件自定义的属性列表写在 properties里面。需要写成对象的形式
eg:
2、组件的方法列表写在 methods里面
eg:
五、在需要引用自定义组件页面文件的xxx.json里面引用。
注意:引用的时候,不可以以./开头。前面命名可以自命名,不必和后面名字一样。
六、在需要引用的页面里的的xxx.wxml里写已经命名好的组件。
组件的名字为自定义命名。
eg:
因为组件是自己写的,并非微信提供的官方组件,所以如果想要获取触发事件的话 ,需要写一个同步组件回传数据
触发自定义事件用triggerEvent。在需要调用的方法内写this.triggerEvent(“自定义属性名”,‘需要更新的数据’)
eg:
然后将此事件绑定到页面中。绑定事件需要用bind:自定义的方法名=“js中定义的方法”
利用data-active="变量名租姿"属性添加需要变化的变量
eg:
xxx.wxml内写法:
注意:想要在页面中使用自定义的组件属性时,必须要现在定义组件的文件夹内的js文件中,先去定高友义属性,然后才可以引入使用。
工具/原料
微信小程序 web-view
方法/步骤
1、打开微信开发者工具。
2、选择新建小程序。
3、输入项目信息锋银后,点击”确定“。
4、进入开发画面。
5、点击”index wxml“右侧将其他代码都删除,在容器中,添加”web-view“。
6、给这个web-view添加src属性这里做基陪添加需要的地址即可。
7、完成后保存修改,在左侧的手机模拟器中,即可查看纯蠢效果。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)