微信小程序swiper

微信小程序学习笔记_02模板与配置

WXML模板WXML（WeiXinMarkupLanguage）是小程序框架设计的一套标签语言，用来构建小程序页面的结构，其作用类似于网页开发中的HTML。WXML和HTML的区别:标签名称不同HTML（div,span,img,a）WXML（view,text,image,...

jq给大家手撸一个swiper轮播

大家写轮播可能更多的用插件和一些ui库，对于轮播具体是怎么实现的却没有深究过。今天带大家来感受一下自己写轮播不一样的思维。首先第一步。获取服务端给的图片数据。这个是通过axios或者ajax通过接口获取的，就不一一述说了。拿到图片数据。['微信图片_20220308173249.jpg&#...

微信小程序开发教程4(unit-app部分)

1、开发工具介绍安装1、安装scss/sass编译插件https://ext.dcloud.net.cn/plugin?name=compile-node-sass2、新建项目1、目录结构介绍新版本的components组件目录变成了uni_modules3、项目运行到微信开发者工具1、填写自己的A...

微信小程序使用三元运算符代替wx:if

以地址列表中，默认地址是否选择为例。先来看下wx:if的写法<viewclass="set-default"><!--circleorsuccesstype--><iconclass="icon"type="success_circle"wx:if...

《微信小程序开发从入门到实战》学习九十三

7.1视图容器组件7.1.3swiper与swiper-item组件swiper组件的显示效果如下图所示：indicator-dots、indicator-color和indicator-active-color三个属性用于设置swiper组件下方的指示点。设置指示点的颜色时，可以使用HexCo...

教你从头开始写课堂签到的微信小程序(二)实现签到及视频播放

一、签到子页面布局子页面主要是一个签到按钮，然后下方是签到记录列表。1、签到按钮布局代码：<buttonclass='sign-button'bindtap='sign'>签到</button>样式代码：/*签到按钮样式*/.sign-...

【小程序】微信小程序基础语法讲解(一)

一、概述微信小程序是一种快速构建应用的平台，其基础语法主要包括以下几个方面：WXML：微信小程序的模板语言，类似于HTML，用于描述页面结构。WXSS：微信小程序的样式语言，类似于CSS，用于描述页面样式。JS：微信小程序的脚本语言，用于实现页面的逻辑和交互。JSON：微信小程序的配置文件，用于...

微信小程序标签总结

视图容器cover-image（覆盖在原生组件之上的图片视图。）；cover-view（覆盖在原生组件之上的文本视图。）；movable-area（可移动区域）；movable-view（可移动的视图容器，在页面中可以拖拽滑动。<movable-view>必须在<movable-...

微信小程序图集预览器

摘要:类似于iOS下的ZImageBrowser，Android下的com.king.photo.zoom.PhotoView托微信宿主APP的福，小程序实现的方式有点不可思议的快速简便，真机上跑了下，自带双指缩放，标题栏显示页码指示器，长按可保存、转发与收藏。1.wx.previewImage...

微信小程序

1.项目目录结构的划分1.1页面结构的划分 "pages": [    "pages/home/home",    "pages/category/ca...