WXML

＜van-empty description=““ /＞ 滚动条bug

打开Wxml调试查看视图层：这里是一个图片，其父视图的class是van-empty__image，图片的class是van-empty__image__img看了
Morris_·2023-08-03 15:46

微信小程序：获取用户手机号

获取手机号的开发过程可以分为三部分:微信前端设置,微信js文件编写,服务器端程序开发.其中微信前端最为简单,在获取手机号的过程中我们必须经过用户授权,在wxml文件中加入如下代码://声明了一个按钮,当用户点击该按钮后将进入授权界面
zyppxx·2023-08-03 10:10

微信小程序选项卡切换（滑动切换，点击切换）

效果如下：可点击切换，滑动切换代码如下这个可以在项目用index.wxml选项一选项二TAB1TAB2index.wxss.tab{width:50%;text-align:center;padding
Leeeeeer·2023-08-03 09:47

微信小程序之wxss特性

wxss(weixinstylesheets)一套样式语言，描述wxml组件样式css（cascadingstylesheets），一种样式表语言，描述html和xml文档体现。
Random_·2023-08-03 04:26

微信小程序自定义导航栏

"custom","navigationBarTextStyle":"white","usingComponents":{"return":"/component/return/return"}}//wxml
陌夏线·2023-08-03 02:20

微信小程序实现播放当前视频时，关闭其他视频播放

wx.createVideoContext(‘唯一标识’)需解决问题：找到视频的唯一标识并生成实例找到上一个播放视频生成的实例首个视频播放可以正常执行连续点击同一个视频，播放-暂停-播放的时候正常执行wxml
uglyduckling0412·2023-08-03 01:39

微信小程序--简易计算器

实现的功能有：实现简单的加减乘除删除全部清空小程序页面目录如下：计算器页面如下：二、WXML文件编写首先我们对计算器页面进行设计，这里我们主要分为两部分，上部为结果显示，下部为按键部分分为操作数和操作符
Huang_xianlong·2023-08-02 20:20

wx微信小程序实现通讯录

第一步，保证后端返回数据是固定格式，带有abcd这样的标识第二步,分三块，左侧（scroll-view），上，右侧第三步，左侧滚动，判断滚动的距离，借助第三方变量，右侧可以知道现实某个字母高亮页面wxml
戒不掉的伤怀·2023-08-02 19:42

微信小程序 - 解析富文本插件版们

一、html2wxml插件版https://gitee.com/qwqoffice/html2wxml申请使用注意事项插件版本解析服务是由QwqOffice完成，存在不稳定因素，如对稳定性有很高的要求，
Qianmo_er·2023-08-02 13:57

小程序学习(二):代码的构成

1.什么是WXMLWXML是小程序框架设置的一套标签语言,用来构建小程序页面的结构,其作用类似于页面开发的HTML2.WXML和HTML的区别①标签名称不同HTML(div,span,img,a)WXML
HebyH_·2023-08-02 13:20

小程序学习(五):WXSS模板语法

1.什么是WXSSWXSS是一套样式语言,用于美化WXML的组件样式,类似于网页开发中的CSS2.WXSS和CSS的关系WXSS模板样式-rpx3.什么是rpx尺寸单位4.rpx的实现原理5.rpx与px
HebyH_·2023-08-02 13:17

小程序新请假界面

标题图小程序新请假界面效果:效果图.wxml:新请假请假结果上传图片：+添加图片删除\r\n\r\n\r\n\r\n\r\n\r\n年级：\r\n\r\n\r\n\r\n\r\n\r\n班级：\r\n\
魔王哪吒·2023-08-02 12:37

微信小程序手写签字版

在这里插入图片描述wxml请在下面的白框中签名重置提交#jsPage({data:{signPath:[],cardNo:'',preX:'',preY:'',},onLoad(options){this.setData
张小萍Becky·2023-08-02 11:36

【微信小程序】WXML点击事件调用多参数方法，使用xml或JS给方法传值

以下是一种在微信小程序中调用方法并传递参数的示例代码：//在wxml文件中定义一个按钮，并绑定点击事件读取历史数据//在js文件中定义页面的data对象，并添加readSubdeviceHistoricalData
全面解读·2023-08-02 11:05

小程序原生实现左右锚点联动

效果wxml{{item}}{{item}}css.box{display:flex;}.nav{height:100%;width:100%;background:#F5F5F5;box-sizing
南风number·2023-08-02 10:35

推荐项目| 微信小程序富文本解析组件-wxParse

imagewxParse支持Html及markdown转wxml可视化，下面给出了几张项目运行截图。image如何使用该组件呢？
开源君·2023-08-01 23:52

微信小程序-批量地图标记

效果图wxml加载中{{siteData.title}}已完成{{siteData.ok_huishou_num}}单，{{siteData.ok_shoucang_num}}人已收藏查看更多wxss.mapBox
vanΚon·2023-08-01 23:00

微信小程序picker多列选择器：四级联动

小程序picker多列选择器：四级联动效果图直接上代码：wxml文件{{multiArray[0][multiIndex[0]].label}}，{{multiArray[0][multiIndex[0
vanΚon·2023-08-01 23:00

小程序实现列表和详情页

下面的官方文档解释：https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/event.html每个列表元素要有一个可以进行定位的值
叶常落·2023-08-01 17:32

微信小程序使用 canvas 2d 实现签字板组件

本文是在微信小程序中使用canvas2d来实现签字板功能；效果图：代码：1、wxml清除保存2、jsComponent({properties:{},data:{canvas:null,canvanImg
三个木马人·2023-08-01 17:54

微信小程序实现过滤器功能

如果是js里面对数据进行过滤处理直接写一个方法然后调用就可以了，如果想在wxml里面使用过滤的话则需要借助wxs来实现；1、新增一个wxs为后缀的文件filter.wxsvarformatDate=function
三个木马人·2023-08-01 17:52

面试官说，布局小程序页面记得用TDesign组件库

到英雄，vue成神之路★★解决算法，一个专栏就够了★★架构咱们从0说★★数据流通的精妙之道★文章目录前言TDesignUI介绍组件库使用方法基础导航输入数据展示反馈获取与在线预览实战电商首页home.wxml
雪碧有白泡泡·2023-08-01 16:34

小程序学习(四):WXML模板语法

WXML模板语法-数据绑定1.数据绑定的基本原则①在data中定义数据②在WXML中使用数据2.动态绑定属性WXML模板语法-事件绑定3.什么是事件4.小程序中常用的事件5.事件对象的属性列表6.target
HebyH_·2023-08-01 14:38

微信小程序详细教程

目录一，这次分享如何使用微信小程序，制作出自己想要的页面，首先介绍常用的内置组件：1，在页面的模板xxx.wxml里写入内容，首先是文本标签，介绍两个最常用的2，按钮3，文本标签4，图片标签5，开关选择器
鸭子嘎鹅子呱·2023-08-01 13:35

小程序在线支付三

我们先看一下效果图在线付款付款界面wxml代码订单编号：{{item.g_uuid}}待付款已付款已发货订单取消交易成功{{gitem.p_name}}共{{gitem.p_num}}件商品评价实付：￥
陈楠酒肆·2023-08-01 02:20

小程序生成海报

1、使用wxml-to-canvas生成海报demo效果图1、npminstall--savewxml-to-canvas2、小程序页面json中引入{"usingComponents":{"wxml-to-canvas
arik2020·2023-07-31 19:23

车牌输入框 封装 （小程序 vue)

车牌输入框封装小程序licenseNumber.jslicenseNumber.jsonlicenseNumber.wxmllicenseNumber.wxss页面调用.wxml.js.json.wxss
半生过往·2023-07-31 15:47

微信小程序代码片段

:{},onLoad(options){that=this;},onReady(){that=this;},onShareAppMessage(){},onShareTimeline(){},})导航wxml
普通人6·2023-07-31 12:12

框架视图层（二）

wxml数据绑定1.简单绑定。Mustache语法双括号包裹变量，组件属性、控制属性、关键字变量绑定需要在双引号之内2.运算。在{{}}中进行运算，三元、算术运算、逻辑判断、字符串运算、数据路径运算。
ca8f642ca29e·2023-07-30 00:22

微信小程序this.setData多种赋值方式

在小程序中动态改变前端数据的最大功臣就是this.setData()，这里简单概述下通过this.setData赋值有哪几种情况：1、固定属性赋值wxml:{{item.name}}{{item.age
鱼子酱酱酱·2023-07-29 19:34

微信小程序事件监听方法

在微信小程序中，事件监听是通过在WXML文件中使用属性来实现的。
锅盖哒·2023-07-29 15:30

微信小程序

微信小程序.json全局配置app.jsonsitemap.json模板WXSS弹性盒子布局flexvh、vw高斯模糊filter微信开发者工具快捷键三级目录WXML双花括号组件通用属性viewinputslider
豆瓣鸡·2023-07-29 08:44

微信小程序html modal,微信小程序 modal组件详细介绍

常用属性：wxml弹出modaltitle="退出应用"hidden="{{hiddenModal}}"confirm-text="再看看"cancel-text="退出"bindconfirm="listenerConfirm"bindcancel
weixin_39815925·2023-07-29 08:43

微信小程序开发、笔记

微信小程序的优势微信App的功能（比如拍照、扫描、支付等等），小程序大部分都能使用环境搭建流程微信公众平台注册上注册开发者账号，得到APPID和APPSecret下载微信开发工具，创建项目时填写自己的APPID小程序的WXML
m0_59134070·2023-07-29 08:11

小程序 获取用户头像、昵称、手机号的组件封装（最新版）

在父组件引入该组件子组件详细代码为:authMes.wxml提示为提供更好的服务，我们邀请您填写昵称，头像等公开信息头像昵称手机号获取手机号{{avatarMes.mobile}}取消确认authMes.js
黎轩栀海·2023-07-29 06:15

小程序学习打卡（二）

模板的使用（总感觉和组件的效果差不多）,需要注意的是，使用时的data如果直接写‘死’，例如data="{{view1:'aa',view2:'bb'}}",会报错，需要写在js的data中//1.新建一个wxml
601c7fe315b8·2023-07-29 03:20

微信小程序开发总结

通常还需要其他层次提供支持主体文件：app.js,app.json,app.wxss，前两者是必须存在再根目录下，app.wxss可以不要页面文件：一般位于pages目录下，同一个目录下的四个文件必须同名a.wxml
droxy·2023-07-29 00:48

小程序介绍

同时具有出色的使用体验整个小程序所有分包大小不超过8M单个分包/主包大小不能超过2M小程序的优点：平台封闭，上手简单跨平台运行使用方便小程序的目录结构：app.json：页面配置app.wxss:页面样式app.js：页面逻辑app.wxml
寂寥的远方·2023-07-28 23:26

微信小程序radio单选按钮选中与取消

wxml设为默认wxssradio.wx-radio-input{border-radius:50%;/*圆角*/width:24rpx;border:2rpxsolid#5e5e5f;height:24rpx
大大。·2023-07-28 17:26

微信小程序自定义toast多行文本提示 并配置全局使用

toast-text-more.wxml{{title}}//component/toast-text-more/toast-text-more.tswtlettoastTimer=null;Component
好好学习__天天向上·2023-07-28 15:10

小程序(原生) 跳转页面的几种方法

转载自:微信小程序跳转页面的几种方法_sim-uu的博客-CSDN博客_微信小程序跳转页面的方法方法一：WXML页面实现1.跳转到新页面2.跳转到新页面3.跳转到新页面2.跳转到新页面3.跳转到新页面方法二
前端小胡兔·2023-07-28 07:39

微信小程序的个人博客--【小程序花园】

】难度★✰✰✰✰不会导入/打开小程序的看这里：参考让别人的小程序长成自己的样子-更换window上下颜色–【浅入深出系列001】文章目录本系列校训啥是个人博客项目里的理论知识目录结构底部标签页页面文件wxml
项目花园范德彪·2023-07-28 01:57

微信小程序开发22__在列表中 高亮选中某一项

我们先看要实现的效果图相应的wxml页面，gaoliang.wxml{{item}}样式文件gaoliang.wxss.active{color:red;padding-top:20px;padding-left
109905418·2023-07-27 21:07

微信小程序8__一行2 列的布局，一行2列的图片布局

在index.wxml中增加以下布局：精品推荐产品名称01￥21.6产品名称02￥185.6在index.wxss文件中增加以下样式：/**一行2列布局，左竖线右文字***/.line-y{width:
109905418·2023-07-27 21:37

微信小程序10_＜navigator＞ 标签的用法

看一个例子在index.wxml中，跳转到另一个tab页面定义好目录结构，如下：效果如下图
109905418·2023-07-27 21:37

微信小程序15__view 层叠展示

先看效果图：对应wxml布局：MISS时尚穿搭教程192人观看MISS时尚穿搭教程192人观看对应wxss文件，如下：.special-topic{width:100%;height:350rpx;display
109905418·2023-07-27 21:37

微信小程序18__一个启动动画

效果图如下：相关wxml代码：loadingwxss代码：.page{margin:0;padding:0;background:white;/***#34495e;**/height:100vh;display
109905418·2023-07-27 21:37

微信小程序7__一行3 列的布局

要实现以下效果：在index.wxml中增加以下布局代码7/2微信小程序商村视频课程通知在相应的index.wxss中增加以下样式.wx-cells{width:100%;margin-top:15rpx
109905418·2023-07-27 21:06

基于vue+uniapp微信小程序公司企业后勤服务（设备）系统

原生wxml开发对Node、预编译器、webpack支持不
bishe929·2023-07-27 21:33

初识xr-frame识别追踪渲染3D模型

初识xr-frameAR识别追踪渲染3D模型初识xr-frame识别追踪渲染3D模型1.云识别配置2.小程序开发配置3.wxml文件4.ts文件（不完整，请下载sample查看完成代码）5.需要注意的地方初识
wujianar·2023-07-27 17:53
上一页 18 19 20 21 22 23 24 25 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他