WXML

小程序通过js控制页面字体颜色属性

1：在wxml里面设置属性batStyle：style="{{item.batStyle}}"电量:{{item.battery}}%2：当复合逻辑条件的时候，在js里面carList[i].batStyle

祈澈菇凉·2024-09-15 20:54

微信小程序使用canvas画图保存图片到手机相册

微信小程序要实现使用canvas绘制一个图，然后保存到手机相册**最终效果：**实现生成以下图片一、初始化canvas//wxml页面设置canvas标签//js页面初始化canvasdata:{ctx

岩岩很哇塞！·2024-09-15 08:03

小程序——模板语法

文章目录声明和绑定数据声明和修改数据修改对象类型数据修改数组类型数据数据绑定-简易双向绑定列表渲染-基本使用列表渲染-使用进阶条件渲染声明和绑定数据小程序页面中使用的数据均需要在Page()方法的data对象中进行声明定义在将数据声明好以后，需要在WXML

无敌CV工程师·2024-09-14 22:57

微信小程序入门【三】：实现简单登录退出和个人信息页面

效果图：附上代码：home.wxml-->-->-->-->Hi游客{{userInfo.nickName}}-->退出登录@技术支持：江阔jk921home.wxss/*pages/scroll/scroll.wxss

山岫·2024-09-11 19:16

微信小程序查询关键字标红

wxml{{items.str}}{{items.str}}jsletthat=thisletdata='啊啊啊啊啊哈啊啊啊哈哈啊啊哈哈额'letvalue='哈哈';//调用处理的方法data=that.hilight_str

小許同学·2024-09-10 16:59

【微信小程序】记录一个关于block组件的有趣的点

但是这个组件有一个好处就是，这个组件的渲染和view不同，是不在wxml中渲染的，因此你就会发现一个有趣的点，如果在block组件上通过css指定了渲染效果，这个效果是无法实现的。谨记。

栏杆拍遍看吴钩·2024-09-09 19:34

微信小程序手写签名，使用canvas 2d 丝滑连笔，不卡顿

WXML代码重签确认WXSSpage{background-color:#e7e7e7;}.btn{width:100%;display:flex;justify-content:space-around

無苼·2024-09-06 20:58

小程序省市区联动

如果想一次定义好json,关联数据相对比较复杂，此案例json结构如下：效果如下实现过程1.WXML(这是一段微信官方文档的代码)普通选择器当前选择：{{array[index]}}当前选择：{{array

匆匆_3ae1·2024-09-04 02:12

微信小程序：自定义扫码功能

我们今天主要是介绍小程序自定义扫码的应用，相关业务处理可以根据自己需求来填补WXML：请将摄像头对准VIN号轻触照亮扫一扫取消WXSS:page{font-family:PingFangSC-Regular

dingcho·2024-09-04 01:38

微信小程序利用canva进行大图片压缩

wxml:js：canvasCompress(obj,n){let{tempFiles}=this.datalet_this=thisreturnnewPromise((resolve,rej

kaka-333·2024-09-02 05:09

XR-Frame 实现始终朝向屏幕（相机）的面片与模型

wxml，xr-frame中plane平面默认是趴在场景中的，需要先绕x轴渲染90度，//面片//模型在场景的ready事件中获取相机，模型，并注册tick请求动画帧事件handleReady({detail

山楂树の·2024-09-01 11:44

微信小程序轮播图

再设置圆点,折腾一通之后还一堆bug.今天尝试微信小程序开发做轮播图,真是感动的泪流满面.废话说完了,上图.image上图就是一个简易的轮播图,是不是很简易.23333主要是代码也很简单.1.index.wxml

爱斯基摩白·2024-09-01 03:30

微信小程序学习记录（2）视图层之wxml（数据绑定大括号，wx:for,wx:if）

1，数据绑定WXML中的动态数据均来自对应Page的data。

Spider_man_·2024-08-29 21:56

小程序自定义组件配合插槽和组件传值

创建组件目录首先，在项目的components目录下创建一个新的文件夹来存放你的组件/components/└──my-component/├──my-component.wxml├──my-component.wxss

前端-七木·2024-08-28 11:08

小程序常用的模板语法

WXML文件{{message}}Welcomeback!Pleaselogin.{{item.name}}<buttonbindtap="handleTap(2)"

前端-七木·2024-08-28 11:38

小程序面试题一

微信小程序的基本文件类型主要包括以下几种：WXML（WeiXinMarkupLanguage）：这是微信小程序的标记语言，类似于HTML，用于描述页面的结构。

笃励·2024-08-27 12:09

微信小程序wxml与标准的html的异同

微信小程序WXML（WeiXinMarkupLanguage）与标准的HTML在构建前端界面时，既有相似之处，也存在明显的差异。

茶卡盐佑星_·2024-08-26 13:39

微信小程序--使用antv F2绘制折线图

引入antvF2npmi@antv/f2-canvas2、在页面中使用在demo.json中引入{"usingComponents":{"ff-canvas":"@antv/f2-canvas"}}在wxml

cccc☜·2024-08-25 10:22

微信小程序 - 选项卡切换 - 视频播放 - (图解+代码流程)

目录一、选项卡切换效果图1.选项卡切换.wxml代码2.选项卡切换.wxss代码3.选项卡切换.js代码neirclik函数onLoad函数ctqis函数二、视频播放效果图1.视频播放.wxml代码视频组件

Envyᥫᩣ·2024-08-25 05:17

[微信小程序] 使用AntV F2 绘制双Y轴

https://github.com/antvis/wx-f2，但是不够清晰和简洁，所以我自己简单改造了一下，供大家参考代码运行环境是在微信小程序里执行的，按照官方文档的写法，放在了“data”对象里wxml

夏日米米茶·2024-08-25 03:34

小程序使用iconfont

1、下载选好的字体文件2、放入小程序目录下并将inconfont.css改名为iconfont.wxss3、wxss文件引用iconfont.wxss4、wxml中正常使用即可效果为：

摩羯座_·2024-08-24 00:19

微信小程序--31(todolist案例)

一.功能输入待办事件添加代办事件删除代办事件二、步骤1.添加输入框.wxml代码：.wxss代码：/*1.输入框样式*/input{border:1rpxsolidblue;height:50px;line-height

阿巴阿巴啊啊啊·2024-08-23 06:28

一个简单的微信小程序表单提交样式模板

没什么东西，只是方便自己直接复制使用.wxml姓名：学校：职位选择：提交.,scss.box{padding:30rpx;}.form-item{display:flex;background-color

w宇宙王·2024-03-17 02:35

[小程序云开发]通过缓存的方式，头像和昵称授权，并修改头像和昵称再覆盖存入缓存中

并修改头像和昵称再覆盖存入缓存中的文章首先大家都知道小程序如果要使用微信使用用户的头像和昵称，就要通过授权获取用户信息，并存入缓存（方便，下次打开小程序直接读取微信缓存的数据，也就是直接读取个人的头像和昵称）通过存入缓存授权获取用户信息时这样用的（方式不止一种,这里只说我用的）：.wxml

浩冉学编程·2024-03-17 01:34

微信小程序学习记录——4.框架-视图层

文章目录1.WXML数据绑定简单绑定运算组合列表渲染wx:forblockwx:forwx:key条件渲染wx:ifblockwx:ifwx:ifvshidden模板定义模板使用模板模板的作用域引用importimport

赈川·2024-03-12 13:01

微信小程序-wxml语法

介绍WXML（WeiXinMarkupLanguage）是框架设计的一套标签语言，可以进行页面布局，声明事件，数据绑定，条件判断。

卡卡舅舅·2024-03-11 23:41

微信小程序（五十二）开屏页面效果

注释很详细，直接上代码上一篇新增内容：1.使用控件模拟开屏界面2.倒计时逻辑3.布局方法4.TabBar隐藏复现源码：components/openPage/openPage.wxml跳过{{second

代码对我眨眼睛·2024-03-07 14:07

微信小程序--注册时获取微信头像

参考官方文档：点击跳转具体实现：wxml：js:constdefaultAvatarUrl='https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg

Z_B_L·2024-03-07 13:37

微信小程序 --- 常用样式和组件

进行编写，例如：经常会采用.class、#id、element等选择器但在小程序中不能使用HTML标签，也就没有DOM和BOM，同时仅仅支持部分CSS选择器不过不用担心，小程序中提供了同样的角色：其中WXML

前端贾公子·2024-02-29 18:29

小程序自定义导航栏

1.wxml页面（自定义导航栏的布局）//css就不粘出来了2.自定义导航栏js（要跳转的页面对应显示的图片）3.在要调用的页面json中写入如图：4.在要调用的页面的wxml中写入如图：5.要调用的页面的

人间四月天i·2024-02-20 16:01

微信小程序swiper 视频中间大，两边小，轮播滑到中间视频自动播放组件教程

静态效果：进入下面小程序可以体验效果，点击底部看剧栏目一、创建小程序组件二、代码1、WXML2?

Garc·2024-02-20 15:13

微信小程序展示二维码实现站外引流到微信，可以长按识别加微信！

代码showQrcode.wxml{{desc}}{{errorInfo}}

·2024-02-20 14:48

微信小程序搜索框功能实现

我想到的大概效果是在搜索输入框输入内容时根据搜索内容是否被包含在资讯列表的标题里面，如果包含在里面，那么会被模糊查询出对应的资讯列表里面，并把数据保存在一个新的资讯列表数组里面，这里面可以用change事件来触发，代码如下：wxml

欧然雨天·2024-02-20 14:27

微信小程序 input框实现搜索历史记录

input框和下面的historyList作为一个整体，可自行控制展示历史记录的规格；使用微信缓存APIwx.getStorageSync和wx.setStorageSync，处理历史记录的存储时记得去重WXML

四舍五入键盘手·2024-02-20 14:26

微信小程序搜索框样式

效果如下：代码：.wxml搜索.wxss.weui-search-bar{position:relative;padding:8px10px;display:-webkit-box;display:-webkit-flex

北海南风·2024-02-20 14:26

【微信小程序】搜索框样式

实现微信小程序搜索框样式搜索框效果：代码实现：（复制可用）index.wxml：搜索index.wxss：/*pages/index/index.wxss*/.search{display:flex;align-items

Pulseum·2024-02-20 14:56

微信小程序顶部搜索框（带源码建议收藏）

这是一个最简单的顶部搜索框代码如下wxml搜索wxss.weui-search-bar{position:relative;padding:8px10px;display:-webkit-box;display

瑾！·2024-02-20 14:56

微信小程序（第七章）- 搜索框的实现

微信小程序1个页面所对应的4个文件wxml文件->html文件wxss文件->css文件j

_Zhx_·2024-02-20 14:56

微信小程序搜索功能的实现（模糊搜索、带历史记录）

搜索页wxml历史记录清除{{item.title}}{{item.title}}{{item.rating.value}}分/{{item.year}}搜索页wxss.item-list-group{

秦悸·2024-02-20 14:24

微信小程序搜索框实现模糊搜索（带模拟数据，js,wxml,wxss齐全）

记录一下过程我主要使用的就是wx的if，当我输入框用户点击的时候，我前面的显示界面添加上false属性，然后我搜索页面显示出true的属性，至于模糊搜索，我是直接使用的js的匹配，话不多说，直接看成果和代码代码wxml

叫我小唐就好了·2024-02-20 14:23

微信小程序常用组件实战

一常用的基础内容组件1text文本组件类似于HTML中的span标签，是一个行内元素2rich-text富文本组件支持把HTML字符串渲染为WXML结构二text组件的基本使用通过text组件的selectable

chengqiuming·2024-02-20 13:36

微信小程序面试题

1.请谈谈wxml与标准的html的异同？

qq_40055200·2024-02-20 13:44

微信小程序模板语法--数据绑定

1、数据绑定首先了解微信标签：pages/demo02/demo02.wxmldiv普通写法：**.wxml文件：{{msg}}{{num}}是否是男人：{{isBoy}}{{students}}{{students.name

九尘001·2024-02-20 11:50

Flex布局简介及微信小程序视图层View详解

flex属性基本语法和常用属性Flex布局技巧二、视图层ViewView简介微信小程序View视图层WXML数据绑定列表渲染条件渲染模板WXSS样式导入内联样式选择器全局样式与局部样式WXS示例注意事项页面渲染数据处理一

空空_k·2024-02-20 10:03

初识小程序

小程序的页面布局1、小程序组件（标签）view：代表块级区块==html中的divtext：代表行内区块==html中的span2、样式选择器---类选择器、标签选择器、后代选择器3、组成页面的4种文件类型.wxml

煸橙干儿~~·2024-02-20 07:09

【微信小程序】wxss 和 css 、wxml 和 html 区别

wxss背景图片只能引入外链，不能使用本地图片wxss使用@import引入外链样式文件，地址为相对路径wxml和html区别wxml是一个模版文件，和vue中的模版差不多，html

我有一棵树·2024-02-19 21:18

uni-app引入Vant 下拉菜单dropdown选择过后边的之后再选择前边的选项出现点击无效

解决办法：打开vant源码找到对应字段进行修改，这里以dropdown为例：找到wxcomponents/vant-weapp/dropdown-item/index.wxml打开后找到after-enter

Florenza·2024-02-19 14:25

零基础云开发一个投票小程序 | 我的投票列表页

投票列表页pages/index/index,展示我的所有投票效果图index.wxml{{item.title}}{{item.state?'已发布':'未发布'}}{{item.num}}

医学猿MIT·2024-02-15 05:06

小程序文字循环滚动效果

先上代码xx.wxml李女士189********7分钟前获得装修报价杨女士137********8分钟前获得装修报价杨先生137********9分钟前获得装修报价杨先生137********9分钟前获得装修报价林女士

端木安玉·2024-02-14 19:55

微信小程序（四十四）鉴权组件插槽-登入检测

usingComponents":{"auth":"/components/auth/auth"}}app.jsApp({globalData:{//定义全局变量isLoad:false}})index.wxml

代码对我眨眼睛·2024-02-14 17:33

推荐频道