随笔分类 -  小程序

小程序开发,wxml有内容,页面什么也不显示
摘要：Wxml布局里面只显示一个page标签 js文件不要是自己自定义空白文件 按官方格式来 阅读全文
posted @ 2022-05-16 10:33 tomingto 阅读(439) 评论(0) 推荐(0)
微信小程序 列表收起与展开效果
摘要：wxml <view class="list" wx:for="{{list}}" wx:for-item="test" wx:key="Addtime"> <view class="list-date list-one"> <view class="line-one"> <text>身高：{{te 阅读全文
posted @ 2022-05-14 11:32 tomingto 阅读(446) 评论(0) 推荐(0)
微信小程序订单页面
摘要：view: <view class="order"> <view class="content_"> <view class="title"> <view>订单编号：2018041729873019</view> <text>已配送</text> </view> <view class="card" 阅读全文
posted @ 2022-04-26 17:53 tomingto 阅读(564) 评论(0) 推荐(0)
微信小程序之 wx.showToast延时跳转页面
摘要：需求 : wx.showToast 显示完毕后，跳转到新的页面。 一直以为只要卸载showToast的success回调中就行了 但是这么写并不能满足需求，提示的消息会一闪而过，然后就跳转到新的页面了。 要想实现在提示显示完毕后，再跳转页面，需要这么写。 微信小程序wx.showToast延时跳转页 阅读全文
posted @ 2022-04-25 17:47 tomingto 阅读(3576) 评论(0) 推荐(0)
微信小程序连接MQTT服务器、阿里云微消息队列MQTT版
摘要：微信小程序连接阿里云微消息队列MQTT版，（多看几遍文档） https://help.aliyun.com/document_detail/59721.html 连接的参数： 1. client id (GID_XXX@@@YYY) 2. 用户名 (Signature|xxx|xxx) 3. 密码（ 阅读全文
posted @ 2022-04-15 10:21 tomingto 阅读(1338) 评论(0) 推荐(0)
扫二维码进入小程序不同页面 微信小程序码生成详细方法步骤
摘要：微信小程序码怎么生成？微信小程序码生成详细方法步骤。 许多小程序开发者，都需要获取进入小程序不同页面的二维码：包括常见的四方形QR码和新推出的小程序码。 那么微信小程序码怎么生成呢？下面一起来看看微信小程序码生成详细方法步骤。 微信提供了「获取小程序二维码」的接口，通过这个接口，商家和开发者能够制作 阅读全文
posted @ 2022-04-15 10:10 tomingto 阅读(5300) 评论(0) 推荐(0)
微信小程序首页地理位置显示
摘要：<view class="content"> <view class=""> 定位地址:{{city}} </view> </view> Page({ /** * 页面的初始数据 */ data: { locationStatus:false,//是否定位过 city:'定位中...' }, onS 阅读全文
posted @ 2021-10-14 10:35 tomingto 阅读(260) 评论(0) 推荐(1)
微信小程序 div选中效果
摘要：._left{ position: relative; margin-top: 40rpx; width: 40%; height: 350rpx; border-radius: 12rpx; text-align: center; font-size: 26rpx; background-colo 阅读全文
posted @ 2021-03-17 14:51 tomingto 阅读(452) 评论(0) 推荐(0)
微信小程序 转盘抽奖 倒计时 整点
摘要：xml: <view id="luckdraw_box"> <view id="luckdraw_back"> <image style='transform:rotate({{ change_angle}}deg)' mode="scaleToFill" src="https://upload-i 阅读全文
posted @ 2021-02-26 18:32 tomingto 阅读(281) 评论(0) 推荐(0)
小程序查看更多功能
摘要：wxml: <view class="point_top"> <view class="weui-cells mgt-0 {{!showMore? 'hiddenmore' : 'showmore'}}"> <view class="applist" wx:for="{{pointList}}" w 阅读全文
posted @ 2021-02-04 11:37 tomingto 阅读(201) 评论(0) 推荐(0)
微信小程序切换选中状态
摘要：实现的主要思路是根据每一项的index值，动态改变idx值，当index==idx值的时候，添加点击选中样式的类名。 wxml: <scroll-view scroll-x="true"> <view class="scroll-x"> <view wx:for-items="{{scrolls}} 阅读全文
posted @ 2020-11-16 12:07 tomingto 阅读(982) 评论(0) 推荐(0)
小程序常用组件
摘要：swiper 滑块视图容器。其中只可放置swiper-item组件，否则会导致未定义的行为。 小程序利用swiper实现轮播图 案例： <view class="banner"> <swiper indicator-dots indicator-color="rgba(255,255,255,0.5 阅读全文
posted @ 2020-07-11 15:30 tomingto 阅读(424) 评论(0) 推荐(0)
微信小程序入门（二）
摘要：在小程序中如何实现页面布局与页面样式，这里先来介绍WXML。 关于WXML WXML全称WeiXin Markup Language（微信标记语言），与HTML有些不同的是，这是微信框架提供的一套标签语言。 我们在写HTML页面时，总是习惯使用div进行整体布局，使用span描述文本信息，使用img 阅读全文
posted @ 2020-07-10 10:11 tomingto 阅读(189) 评论(0) 推荐(0)
微信小程序入门（一）
摘要：前言： 小程序代码中的文件类型大致分为以下四种： .wxml：微信模板文件，类似网页开发的html文件。 .wxss：微信样式表文件，用于定于页面样式。 .js：脚本文件，代码逻辑写在这。 .json：静态数据配置文件。 默认你申请了小程序 这里我们从初始化一个项目开始讲，当创建一个小程序时，它的初 阅读全文
posted @ 2020-07-09 18:09 tomingto 阅读(256) 评论(0) 推荐(0)