daozhongyang的专栏

效果图如下：相关wxml代码：<view class="page"> <view class="loading"> <text style="color:greenyellow; font-size:20px;">loading</text> </view></view>wxss代码：.page{ margin:0; padding:0; background:white; /***

相关代码有：在wxml文件 中，增加<button type="primary" bindtap="handleShare" style="margin-top:30px;"> 分 享 </button>在 js文件 中，增加, handleShare(e){ //分享按钮wx.showActionSheet({itemList: ['分享到朋友圈', '分享给朋友'],})},注意： 要想实现 分享到朋友圈， 分享给朋友的效果， 开发者...

在小程序开发中， 经常要用到这两个，看一个图1. 通过一段代码来了解：这里catchtap 指捕获点击事件， 这段代码 捕获事件 与 触发事件都作用在 <view>元素上，要使用currentTarget 对象。2. 再看一段代码：这里， catchtap 捕获点击事件在<swiper>元素上， 传参的对象data-index 却在里面的子元素<image>上，要获取 每个<data-index>的值， 就要使...

用一句话说就是“各国的货币购买力不同”。每个国家都有不同的数字概念，消费档次都不同，为了保护本国利益，因此每个国家都以某种货币(本国货币)作为参考，而设定一个汇率．https://wenwen.sogou.com/z/q145346960.htm...

先看效果图：对应wxml布局：<view class="special-topic"> <image style="width: 100%; height: 350rpx" src="../../images/pic2.jpg"></image> <view class="special-topic-content"> <view class="special-topic-content-left"&

Flex 布局, 要深刻理解首先看一个图flex-direction 代表排列方向， 决定主轴的方向 在wxss文件中，如果这样定义flex-direction:row // 表示从左到右排列flex-direction:row-reverse // 表示从右到左排列flex-direction:column //表示从上到下排列flex-direction:column-reverse //表示从下到上排列 flex-wrap 代表是否换行， 默认值为nowrap...

在小程序开发中，wx:setStorage(Object obj), 将数据存储在本地缓存中指定的key中。它会覆盖掉原来该key 对应的内容。数据存储生命周期跟小程序本身一致，即除用户主动删除或超过一定时间被自动清理。 否则数据一直可用。 单个 key允许存储的最大数据长度为1MB, 所有数据存储上限为 10MB.参数 Object obj，见表属性 类型 默认值 必填 说明 key string 是 本地缓存中指定...

思考一个问题： 在wx:for 列表渲染， 如何改变默认的下标和变量名？可以 使用wx:for-item 指定数组当前元素的变量名 使用wx:for-index. 指定数组当前下标的变量名看一个示例，在forloop.wxml文件中，增加以下代码：<view wx:for="{{['a', 'b','c']}}">{{index}}:{{item}}</view><view style="border-bottom: 1...

要动态展示数据，首先在页面文件 定义每个条目的布局， 这里以newList.wxml作为网格显示页<view class="cp_zuixin"><block wx:for="{{cp_zuixinList}}"> <navigator url='' class="cp_xiangmu"> <image src='{{item.img}}' class="cp_tupian" mode="widthFix"></image>

<navigator> 标签 用于页面跳转，可以是tabBar之间的页面跳转，也可以是其他地方的页面跳转。在tabBar之间的页面跳转，必须在标签内 加上定义open-type="switchTab" , 才能生效。看一个例子在index.wxml中， <navigator class="navigator" url="/pages/newsList/newList" open-type="switchTab">跳转到另一个tab页面</naviga

如果实现以下效果， 开发者需要怎么样做呢？在index.wxml中增加以下布局： <!-- 一行2列布局，左竖线右文字--><view class="text"> <view class="line-y"></view> <text>精品推荐</text></view> <!--一列2列 布局 精品推荐--> <view class="cps2"> <v

要实现以下效果：在index.wxml中增加以下布局代码<!--以下为一行3列 布局， 显示最新通知布局： 左图标 中间文字 右侧图标--> <view class="wx-cells"> <view class="wx-cell"> <image src="/images/notice.png" class="wx-cell-icon"></image> <text .

swiper滑块视图容器。其中只可放置swiper-item组件。参考https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html

在小程序项目中，在app.json文件里，"window" 节点之后，可以添加"tabBar" 节点, 写法如下所示实现效果如以下两个图所示完整示例代码见 mymall_20210702

要使用云开发， 必须开通云开发环境，我们需要先访问网址https://mp.weixin.qq.com/wxamp/clouddevelopment/index?token=778039019&lang=zh_CN，

一 事件<button bindtap="">点击我</button>