一开始实现不了，搜的看了三四篇，并没觉得有什么用。也并没理解他们说的 跟inline-block影响很大；想了想竖向的原理，觉得应该这样，且已实现滚动。直接代码(展示五个，超过五个滚动，这写死了)(这主要是在scroll-view的下一级元素 view class=flex-wrap 动态赋值宽度)： <scroll-view scroll-x="true" scroll-left="{{scrollLeftWidth}}" bindscroll="scrollleft"scroll-with-animation='true'bindscrolltolower="lowerRight"><v...
无效原因：三元表达式所动态渲染的类名是字符类型必须为类名添加 引号 正确写法 <view wx:key="idx" wx:for-index="idx" wx:for="{{goodses}}" class="content {{(idx%2)==0?content_left:}}"></view> 错误写法 <view wx:key="idx" wx:for-index="idx" wx:for="{{goodses}}" class="content {{(idx%2)==0?content_left:}}"></view>
效果图wxml代码 wx.showToast(Object object) 显示消息提示框<button bindtap="ts01">消息提示框01</button><button bindtap="ts02">消息提示框02</button><button bindtap="ts03">消息提示框03</button><button bindtap="ts04">消息提示框04</button>js代码/*** 页面的初始数据*/data: {},ts01:function(){wx.showToast({title: '提示01',icon:"success",duration:3000})},ts02: function () {wx.showToast({title: '提示02',icon...
效果图如下 wxml代码:<view class='top'><swiper class='swiperClass' indicator-dots='true' style='height:784rpx;width:100%' circular previous-margin="140rpx" next-margin="140rpx" bindchange="bindchange"><block wx:for="{{imgUrls}}"wx:key="{{index}}"><swiper-item><image src="{{item}}" class="slide-image {{swiperIndex == index ? 'active' : 'quiet'}}" mode='aspectFill' /></swiper-item></block></swiper><...
重要部分学习——记账簿 本次项目开发的目的主要是记账本的开发，最初自己想法简单，把家里的纸质记账簿变成手机上的记账簿。最终自己程序可以实现的功能可以记录每天的账目信息，并形成叠加效果，并按1、2、3……向下进行排列，以实现记账。 展示如下： 其中该程序利用不同按钮实现账目信息的增加或者删除，相关代码如下： 添加账目信息： <view class="pure-u-4-24"><button type="primary" size="mini" bindtap="addWant"> + </...
效果图：indicator-active-color="#007aff"//修改选中图片圆点的颜色 js:const app = getApp()Page({data: {//-----------模拟banner图-----------imgUrls: ['/image/1545118381903.jpg','/image/1545118566631.jpg'],circular: true,//是否显示画板指示点 indicatorDots: true,//选中点的颜色 //是否竖直 vertical: false,//是否自动切换 autoplay: true,//自动切换的间隔interval: 3000,//滑动动画时长毫秒 duration: 1000...
在乌镇举行的第五届世界互联网大会“世界互联网领先科技成果发布活动”，小程序作为一项全新的技术和应用创新，首次获选世界互联网领先科技成果。想进小程序市场，什么行业适合你?该做什么小程序?通过报告看，获得投资次数最多的领域是媒体、企业服务和教育，资本看好，创业趋势大半都会往这三个领域上靠拢。企业服务这一领域相比于其他领域而言门槛更低，专业度要求相对更低。橙子想说，如果你想要快速搭上这趟小程序快车，代理产...
当我们打开微信开发者工具之后，是这样的一个界面：我这里是把模拟器隐藏了，所以只有编辑器和下面的调试器（类似与网站上面的网页调试） 这一篇文章主要说一下小程序的文档结构和文件类型。下面是基础生成的小程序的文档结构：下面主要参考了微信官方文档的代码构成部分，本文也在此基础上做了一点点补充，大家也可以看下面的官方网址进行了解： https://developers.weixin.qq.com/miniprogram/dev/quickstart/basic/file.html 首...
微信小程序开放服务(功能)直达入口 就在前天也就是9月28日，微信发文宣布服务(功能)直达开放，这一能力将让用户更便捷地找到所需服务，拉近商家与用户的距离。通过微信里面的搜一搜功能区搜索某一种产品或者服务的时候，搜索页面将呈现相关服务的小程序，点击搜索结果，可直达小程序相关服务页面。你的小程序将排在搜一搜首位，小程序将迎来新一轮爆发。 微信小程序的服务(功能)直达是什么? 微信官方对服务(功能)直达的定义是「满足...
代码地址如下：http://www.demodashi.com/demo/13982.html一、前期准备工作： 软件环境：微信开发者工具 官方下载地址：https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html 1、基本需求。实现用户预约 时间可选 预约类型更具需求可自定义2、案例目录结构二、程序实现步骤： 1.预约index.wxml代码<!--index.wxml--><view class="modals modals-bottom-dialog" hidden="{{hideModal}}"> <view class="modals-cancel"...