- 博客(56)
- 资源 (37)
- 收藏
- 关注
RSS订阅原创 微信小程序商城15天从零实战视频课程-信息列表的实现
wxml代码<view class="container2"> <view> <view class='gy1'> <image src='/img/qyln.jpg'></image> </view> <view class="node-item">...
2019-03-20 12:48:20
602
原创 微信小程序商城15天从零实战视频课程-留言界面的实现
wxml代码<view class="group"> <view class="group-header">问题描述</view> <view class="group-body"> <textarea placeholder="请输入对问题的描述，可输入1000字" maxlength="1000"></texta...
2019-03-20 12:48:09
631
原创 微信小程序商城15天从零实战视频课程-自定义底部菜单的实现
js代码// pages/tmp/caidan/01-dibu.jsPage({ /** * 页面的初始数据 */ data: { winWidth: 0, winHeight: 0, }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { var that = t...
2019-03-20 12:43:12
684
原创 微信小程序商城15天从零实战视频课程-tab选项卡的实现
js代码//获取应用实例 var app = getApp()Page({ /** * 页面的初始数据 */ data: { /** * 页面配置 */ winWidth: 0, winHeight: 0, // tab切换 currentTab: 0, }, /*** 生命周期函数--监听页面加载*/ ...
2019-03-20 12:41:14
601
原创 微信小程序商城15天从零实战视频课程-知识点-1行2列（左图片右多行文字）的布局
wxml代码<!--1行2列：左图片，右文字（多行文字）--> <view class='line'> <image class="toutiao-img" src='/img/cp01.jpg' /> <view class='two-line-text'> <text class='text-center...
2019-03-20 12:36:20
1044
原创 微信小程序商城15天从零实战视频课程-知识点-1行3列图片的布局
wxml代码<!--最新产品-1行3列图片-不带文字--><view class="cps"> <view class="cp-item" > <image src='/img/cp01.jpg' class="cp-image"/> </view> <view class="cp-item" >...
2019-03-20 12:32:18
796
原创 微信小程序商城15天从零实战视频课程-知识点-1行2列区块标题的布局
wxml代码<!--最新产品-区块标题--><view class='text'> <view class='line_y'></view> <text>最新产品</text></view>wxss代码/*最新产品-区块标题*/.line_y{ width: 3px; height:...
2019-03-20 12:30:18
235
原创 微信小程序商城15天从零实战视频课程-知识点-1行3列的布局
wxml代码 <view class="wx-cells"> <view class="wx-cell"> <image class="wx-cell-icon"src="/images/news.png"></image> <text class="wx-cell-text">08/08...
2019-03-20 12:28:19
283
原创 微信小程序商城15天从零实战视频课程-知识点-1行4列的布局
wxml代码<!--1行4个图片的布局-带文字--><view class="navs"> <view class="nav-item" > <image src='/images/menu01.png' class="nav-image"/><text >品牌大全</text> </view&g...
2019-03-20 12:26:23
334
原创 微信小程序商城15天从零实战视频课程-知识点-图片轮播
两种实现方式：纯wxml和带js的实现js代码// pages/tmp/tupian/01-lunbo.jsPage({ /** * 页面的初始数据 */ data: { images: [ 'http://www.yaoyiwangluo.com/upload/ban2.jpg', 'http://www.yaoyiwangluo....
2019-03-20 12:24:11
592
原创 微信小程序商城15天从零实战视频课程-联系客服
js代码// pages/huiyuan/qita/03-kefu.jsPage({ /** * 页面的初始数据 */ data: { }, calling: function () { wx.makePhoneCall({ phoneNumber: '4000000000', success: function () { ...
2019-03-20 12:18:47
734
原创 微信小程序商城15天从零实战视频课程-常见问题列表
wxml代码<view class='text'> <view class='line_y'></view> <text>常见问题</text></view><navigator url='/pages/tmp/yemian/01-xiangxi?id={{888}}'> <view ...
2019-03-20 12:16:57
658
原创 微信小程序商城15天从零实战视频课程-收藏列表
wxml代码<!--收藏-1行2列：左侧图片，右侧3行文本--> <view class='text'> <view class='line_y'></view> <text>我的收藏列表</text></view><navigator url='/pages/fenlei/yemian/...
2019-03-20 12:15:12
801
原创 微信小程序商城15天从零实战视频课程-添加地址
js代码// pages/addr/edit/edit.jsPage({ data: { addr: {}, provinces: [ "浙江", "湖南" ], citys: [ "杭州", "长沙" ], areas: [ "余杭区", "开福区" ],...
2019-03-20 12:13:21
824
原创 微信小程序商城15天从零实战视频课程-收货地址列表
js代码// pages/addr/addr.jsPage({ data: { addrlist: [ { id: 1, name: "公司", phone: "13516821613", postNo: "41000", province: "浙江", city: "杭...
2019-03-20 12:10:56
772
原创 微信小程序商城15天从零实战视频课程-订单列表
js代码//获取应用实例 var app = getApp() Page({ /** * 页面的初始数据 */ data: { /** * 页面配置 */ winWidth: 0, winHeight: 0, // tab切换 currentTab: 0, }, /*** 生命周期函数--监听页面加载*/...
2019-03-20 12:08:08
962
原创 微信小程序商城15天从零实战视频课程-商品详情页面
js代码var app = getApp() Page({ /** * 页面的初始数据 */ data: { cpid:"", /** * 页面配置 */ winWidth: 0, winHeight: 0, // tab切换 currentTab: 0, ads: [ '...
2019-03-20 12:04:05
1026
原创 微信小程序商城15天从零实战视频课程-会员首页
js代码// pages/huiyuan/index2.jsPage({ /** * 页面的初始数据 */ data: { }, tuichu:function(){ wx.clearStorage() //wx.switchTab({ // url: '/pages/huiyuan/index', //}) wx.r...
2019-03-20 12:00:49
695
原创 微信小程序商城15天从零实战视频课程-购物车
js代码Page({ /** * 页面的初始数据 */ data: { cost: 1, }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { }, myjia: function (e) { let route = e.currentTarget.dataset...
2019-03-20 11:57:10
1124
原创 微信小程序商城15天从零实战视频课程-商品分类
js代码//const app = getApp();Page({ /** * 页面的初始数据 */ data: { winWidth: 0, winHeight: 0, hidden: false, curNav: 1, curIndex: 0, navList: [ { id: 1, ...
2019-03-20 11:54:37
976
原创 微信小程序商城15天从零实战视频课程-商城首页
js代码// pages/index/index.jsvar app = getApp();Page({ /** * 页面的初始数据 */ data: { //myid: app.globalData.openid img_ad02:"https://www.yaoyiwangluo.com/wx/ad02.png", ads: [ ...
2019-03-20 11:51:45
1450
原创 微信小程序常用组件视频课程-可滚动视图区域-scroll-view的使用
效果图wxml代码<view>bindscrolltoupper滚动到顶部/左边会触发</view><view>bindscrolltolower滚动到底部/右边会触发 </view><view>bindscroll 滚动时触发</view><view>scroll-into-view 值应为某子元素i...
2019-03-19 18:38:09
920
原创 微信小程序常用组件视频课程-滑块视图容器-swiper的使用
效果图js代码 /** * 页面的初始数据 */ data: { a:true, vertical:false, autoplay:true, interval:3000, duration:500, ads: ['/tupian/1.jpg', '/tupian/2.jpg', '/tupian/3.jpg'] },...
2019-03-19 18:38:03
793
原创 微信小程序常用组件视频课程-基础内容-icon图标的使用
wxml代码<view>有效值：success, success_no_circle, info, warn, waiting, cancel, download, search, clear</view><view> <icon type='success'></icon> <icon type="success_...
2019-03-19 18:37:57
712
原创 微信小程序常用组件视频课程-基础内容-text文本的使用
wxml代码01-当我成熟以后，我发现我不能够改变这个世界，我将目光缩短了些，决定只改变我的国家的某些地区<view> <text class='c01'>02-当我成熟以后，我发现我不能够改变这个世界，我将目光缩短了些，决定只改变我的国家的某些地区</text></view><view class='c02'>03-...
2019-03-19 18:37:51
626
原创 微信小程序常用组件视频课程-基础内容-progress 进度条的使用
wxml代码<!--percent Float 百分比0~100--><progress percent='10'></progress><progress percent='50'></progress><!-- show-info Boolean false 在进度条右侧显示百分比 --><progr...
2019-03-19 18:37:41
845
原创 微信小程序常用组件视频课程-表单组件-checkbox 多选项目 的使用
wxml代码<view> <checkbox value='香蕉' checked>香蕉</checkbox> <checkbox value='香蕉' checked='true'>香蕉</checkbox> <checkbox value='香蕉' checked='{{true}}'>香蕉</che...
2019-03-19 18:37:35
609
原创 微信小程序常用组件视频课程-导航-navigator 页面链接的使用
wxml代码<navigator url="/pages/01jichu/text">跳转到text文本</navigator><navigator url="/pages/02biaodan/index" open-type='switchTab'>跳转tab2的菜单</navigator>wxss代码navigator{ mar...
2019-03-19 18:37:11
659
原创 微信小程序常用组件视频课程-表单组件-button 按钮的使用
wxml代码<view>size 有效值：default/mini</view><button>默认按钮</button><button size='default'>按钮default</button><button size='mini'>按钮mini</button><view...
2019-03-19 18:37:05
545
原创 微信小程序常用组件视频课程-表单组件-checkbox-group 多项选择器 的使用
js代码 /** * 页面的初始数据 */ data: { }, mycheck:function(e){ console.log(e.detail.value) },wxml代码<checkbox-group bindchange="mycheck"> <checkbox value='香蕉'>香蕉</check...
2019-03-19 18:37:00
964
原创 微信小程序常用组件视频课程-表单组件-form 表单数据如何获取 的使用
提交后js代码 /** * 页面的初始数据 */ data: { }, mysubmit:function(e){ console.log(e.detail.value) console.log(e.detail.value.ck) }, myreset:function(e){ console.log("form页面发生了重置"...
2019-03-19 18:36:54
647
原创 微信小程序常用组件视频课程-表单组件-input 输入框 的使用
js代码 /** * 页面的初始数据 */ data: { }, mysubmit01:function(e){ console.log(e.detail.value) console.log(e.detail.value.t1) }, myreset01:function(e){ console.log("发生了重置事件") }...
2019-03-19 18:36:48
678
原创 微信小程序常用组件视频课程-表单组件-label的使用
js代码 /** * 页面的初始数据 */ data: { }, tishi:function(e){ wx.showToast({ title: '我是提示信息！', }) },wxml代码<button id="ts" bindtap="tishi">提示信息</button><label ...
2019-03-19 18:36:06
650
原创 微信小程序常用组件视频课程-表单组件-picker-普通 滚动选择器 的使用
提交效果js代码 /** * 页面的初始数据 */ data: { xuhao:0, xuhao2: 1, xuhao3:0, shuzu01:['中国','美国','巴西'] }, p1:function(e){ console.log(e.detail.value) this.setData({ xuhao: e...
2019-03-19 18:36:01
649
原创 微信小程序常用组件视频课程-表单组件-picker-时间 滚动选择器 的使用
点击确认输出js代码 /** * 页面的初始数据 */ data: { sj:'12:12' }, p1:function(e){ console.log(e.detail.value) this.setData({sj:e.detail.value}) }, mysubmit:function(e){ console.lo...
2019-03-19 18:35:55
544
原创 微信小程序常用组件视频课程-表单组件-picker-日期 滚动选择器 的使用
确认后提交表单输出js代码 /** * 页面的初始数据 */ data: { riqi: '2018-08-08', riqi2: '2019-02-06' }, p1:function(e){ console.log(e.detail.value) //console.log(e.detail.value.pic1) }, ...
2019-03-19 18:35:48
342
原创 微信小程序常用组件视频课程-表单组件-radio 单选项目 的使用
wxml代码<radio value="香蕉">香蕉</radio><radio value="香蕉" checked='{{true}}'>香蕉</radio><radio value="香蕉" checked='{{false}}'>香蕉</radio><radio value="香蕉" checked='...
2019-03-19 18:34:55
482
原创 微信小程序常用组件视频课程-表单组件-radio-group 单项选择器 的使用
提交表单js代码 /** * 页面的初始数据 */ data: { shuzu:[ {bb:"cn",aa:"中国"}, { bb: "usa", aa: "美国",xuanzhe:"true" }, { bb: "bra", aa: "巴西" } ] }, rc:function(e){ console...
2019-03-19 18:34:47
813
原创 微信小程序常用组件视频课程-表单组件-slider 滑动选择器 的使用
提交表单js代码 /** * 页面的初始数据 */ data: { }, mychange: function (e) { console.log(e.detail.value) }, mysubmit: function (e) { console.log(e.detail.value) },wxml代码<form bi...
2019-03-19 18:34:41
615
原创 微信小程序常用组件视频课程-表单组件-switch 开关选择器 的使用
提交表单效果js代码 /** * 页面的初始数据 */ data: { }, mychange:function(e){ console.log(e.detail.value) }, mysubmit:function(e) { console.log(e.detail.value) console.log(e.detail....
2019-03-19 18:34:32
565
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人