WXML

微信小程序定位功能+页面滚动+列表展示

效果图地图定位代码：wxml：{{isShowMap?"
小码助力助你前行·2023-10-11 01:17

小程序canvas实现截取图片功能

wxml授权分享js：//点击保存运行方法save:function(){varthat=this;that.setData({hide:true})//获取相册授权wx.getSetting({success
梦里梦不到的梦_b5c8·2023-10-10 21:17

小程序 - 模板与配置

WXML模板语法-数据绑定1.数据绑定的基本原则①在data中定义数据②在WXML中使用数据2.在data中定义页面的数据在页面对应的.js文件中，把数据定义到data对象中即可：3.Mustache语法的格式把
kai.先生·2023-10-10 17:23

微信小程序之本地生活（九宫格）

文章目录一.创建项目二.配置修改json三.编写WXML四.编写WXSS五.最终效果一.创建项目创建新的项目，名称为：本地生活二.配置修改json在app.json中删除其他页面将index改为grid
疯掉就疯掉吧·2023-10-10 14:16

【已验证】微信小程序开发-绑定数据23.10.09

四.绑定数据WXML页面里的动态数据都是来自.js文件Page的data，数据绑定就是通过双大括号（{{}}）将变量包起来，在WXML页面里将数据值显示出来。
zgscwxd·2023-10-10 04:49

微信小程序：hidden与wx:if

他们的区别wx:if是遇true显示，在隐藏的时候不渲染，hidden是遇false显示，在隐藏时仍然渲染，只是不呈现现在正在写的小程序正好用到了这个，就在这里记录下，在同一个wxml里面有文字聊天和语音聊天两个页面
phoebe__liu·2023-10-10 02:33

微信小程序开发（三）小程序开发框架之WXSS和JavaScript

WXSS(WeiXinStyleSheets)介绍：WXML是一套样式语言，用来描述wxml的组件样式，和我们html中的css非常类似。
angeliur·2023-10-10 01:06

小程序实现tab+swiper联动完整代码

实现思路1.利用swiper的bindchange方法，匹配tab下标，从而对应tab下的swiper-item内容2.获取每个tab的left值，及下划线元素的数据wxml部分：{{item}}1111111222222333js
人间捡故事·2023-10-09 20:45

小程序--组件的使用

组件的创建创建一个为son-components的page，会自动生成wxml,wxss,json,js;son-components.wxml我是子组件son-components.jsComponent
小西瓜简书·2023-10-09 19:44

小程序日期加时间筛选组件

小程序日期加时间筛选组件新建component->date-time-picker.wxml.json{"component":true,"usingComponents":{}}.js//date-time-picker.js
manda Liu·2023-10-09 18:26

微信小程序：实现列表单选

效果代码wxml{{item.num_name}}wxss/*列表*/.item_all{/*border:1pxsolidblack;*/margin-bottom:3%;width:100%;}.position
雯0609~·2023-10-09 16:39

微信小程序指定某个元素强制重新渲染

之前写过vue强制让某个元素重新渲染利用了vue中的v-if会控制元素是否挂载以及$nextTick等待响应式更改生效再执行的特性小程序也都有类似的方法我们可以这样wxml你好用wx:if作用和v-if
深圳市有德者科技有限公司-耿瑞·2023-10-09 13:24

微信小程序movable-area的使用（会移动的小黄点）

1：movable-area要和movable-view组合起来使用2：这里分享一个小例子wxml代码js代码在页面里面通过设置movable-area的宽度和高度及背景色使其显示出来，同时设置movable-view
lily_808·2023-10-09 13:20

微信小程序通过createSelectorQuery获取元素 高度，宽度与界面距离

小程序官方有提供给我们一个constquery=wx.createSelectorQuery()函数我们可以先编写这样一段代码wxml点击查看测试工具测试工具测试工具这里我们定义了多块view都用行内样式设置了它的高度和宽度
深圳市有德者科技有限公司-耿瑞·2023-10-08 10:57

微信开发者工具 如何设置代码的缩进

最近学习小程序的时候发现微信开发工具的缩进有点问题，当我在pages-index-index.wxml中删除初始代码重新自己写的时候。发现里面其实是没有缩进的。
快意人生大社畜·2023-10-08 07:12

微信小程序wxs标签 在wxml文件中编写JavaScript逻辑

端开发可以在界面中编写JavaScript脚本vue/react这些框架更是形成了一种常态因为模板引擎和jsx语法本身就都是在js中的我们小程序中其实也有类似的奇妙写法不过先声明这东西不是很强大我们可以先写一个案例代码wxml
深圳市有德者科技有限公司-耿瑞·2023-10-07 13:18

【微信小程序开发】宠物预约医疗项目实战-登录实现

【微信小程序开发】宠物预约医疗项目实战-登录实现第二章宠物预约医疗项目实战-注册实现文章目录【微信小程序开发】宠物预约医疗项目实战-登录实现前言一、打开项目文件二、编写代码2.1wxss代码编写2.2wxml
沉默着忍受·2023-10-07 07:42

小程序

一个目录一页面a.js是页面js文件页面逻辑.json页面配置文件页面的标题，下拉熟悉啥的配置.wxml页面结构文件相当与html小程序就常用两个标签view和text.wxss页面样式文件相当与css2
异彩_c7a6·2023-10-06 23:37

微信小程序-简易计算器

简易计算器满足日常所用的的加减乘除计算带历史记录,查看过往计算2、案例目录结构二、程序实现具体步骤1.index.wxml代码{{userInfo.nickName}}极客小寨OkYoung团队倾情出品
西安未央·2023-10-06 23:41

微信小程序-自定义底部导航

实现用户自定义底部导航2、案例目录结构二、程序实现具体步骤1.自定义nav.wxml代码{{name}}{{name}}2.使用index.wxml代码首页3.index.js逻辑代码a.初始化数据/*
西安未央·2023-10-06 23:11

微信小程序使用路由传参和传对象的方法

wxml代码如下：Author：益添navigator携带字符串参数传递字符串参数需要通过按钮的方法响应传递，则在js中，定义一
潇I洒·2023-10-06 19:50

微信小程序知识点

之类的，之前流行的jQuery就是提供封装了好多dom操作的api渲染层：小程序指wxss，wxml，网页指HTML,CSS逻辑层:（逻辑，又是通常说的js脚本）指js在网页开发中，渲染层和逻辑层是互斥的
定一·2023-10-06 17:50

小程序 弹出框

WXML弹窗内容关闭弹窗打开弹框jsopenModal(){this.setData({showModal:true})},toggleModal(){this.setData({showModal:!
御坂10032号·2023-10-06 14:25

小程序如何使用自定义组件

使用自定义组件的步骤如下：创建自定义组件：在小程序项目根目录下的components文件夹中创建一个文件夹，然后在该文件夹中创建一个.json文件、一个.wxml文件和一个.js文件，这三个文件分别对应组件的配置
&ACE&·2023-10-06 07:27

HBuilderX配置自动格式化，统一代码规范

2、代码风格整体风格javascript大体上遵循[这里是代码002]规范html、wxml大体上遵循[这里是代码005]规范javascript细节调整结尾无分
m0_67391121·2023-10-05 23:01

微信小程序 table表格 固定表头和首列 右侧表格可以左右滚动

(一)1.左侧一列固定不动2.右侧表格内容可以左右滚动3.单元格内容平均分配4.每一行行高可以由内容撑开通过js设置左侧一列行高与右侧表格内容行高保持一致1.1效果图1.2tabble.wxml排班上午下午晚上
雪芽蓝域zzs·2023-10-05 08:48

微信小程序点单左右联动的效果实现

转跳相应位置滑动右边，左边标签会跳到相应的位置：监听并且设置每个右边元素的top和bottom，再判断当前滑动高度在那个元素之间，再改变左边的标签的tabCur，并且转跳相应位置linkageLeftRight.wxml
雪芽蓝域zzs·2023-10-05 08:18

微信小程序template界面模板导入

我们有些时候会有一些比较大但并不复杂的界面结构这个时候你可以试试这种导入模板的形式我们在根目录创建一个template目录然后下面创建一个text文件夹下面创建一个test.wxml参考代码如下{{name
深圳市有德者科技有限公司-耿瑞·2023-10-05 03:35

微信小程序自定义组件

首先组件也是由js，json，wxml，wxss四个文件组成，和page页面一样，只不过组件js文件的写法跟page有所区别。以下组件的js文件，可以看下。
心情的蛊惑·2023-10-04 21:34

小程序二--数据操作

具体位置，如下：Page({data:{text:'jack',},onLoad:function(){}})2.关联到view当我们在data:{......}中定义好数据后，主要是通过{{}}在.wxml
黄鹂鸟和蜗牛·2023-10-04 15:14

【小程序 - 基础】WXML、WXSS语法以及小程序的配置、网络数据请求_03

目录一、WXML模板语法1.数据绑定1.1数据绑定的基本原则1.2在data中定义页面的数据1.3Mustache语法的格式1.4Mustache语法的应用场景2.事件绑定2.1什么是事件2.2小程序中常用的事件
儒雅的烤地瓜·2023-10-04 12:29

【小程序 - 基础】小程序的代码构成、宿主环境、协同工作和发布_02

配置文件的作用2.2app.json文件2.3project.config.json文件2.4sitemapLocation文件2.5页面的.json配置文件2.6新建小程序页面2.7修改项目首页3.WXML
儒雅的烤地瓜·2023-10-04 12:59

小程序-模板

WXML提供模板（template），可以在模板中定义代码片段，然后在不同的地方调用。
beatzcs·2023-10-04 07:24

wxs模块

一、WXS（WeiXinScript）是小程序的一套脚本语言，结合WXML，可以构建出页面的结构。
X_code_ZH·2023-10-03 11:55

微信小程序开发秒表计时器

wxml：{{hours}}:{{minute}}:{{second}}js：page({data:{hours:'0'+0,//时minute:'0'+0,//分second:'0'+0//秒},onLoad
恶龙啸白马·2023-10-03 07:54

微信小程序-1

/dev/framework/报错在调试器的console里找一、结构Ctrl++放大字体Ctrl+-缩小设置---外观设置---可以修改喜欢的主题颜色index.jsindex.jsonindex.wxml
蔷莫·2023-10-03 04:15

微信小程序计算器（含源码）、含js精确运算代码

目录一、引言与效果图二、源码0.目录结构：1.xxxx.wxml文件2.样式文件（1）xxxx.less文件（2）xxxx.wxss文件（不会使用less的可以用这个）3.xxxx.json文件4.accurate.js5
l煎饼果子·2023-10-03 00:44

view节点下如何让其节点下的内容居中显示

image.pngindex.wxml中代码如下：轮播图按钮对话框index.js中定义data，设置图标地址：Page({data:{bannerLogoUrl:'/resources/ic_widget_b
见字如晤一·2023-10-02 15:17

微信小程序scroll-view动态获取高度

wx.getSystemInfo()1552613741(1).jpg//创建节点选择器wx.createSelectorQuery()//获取子节点信息select(‘节点名’).boundingClientRect()//wxml11111111
流过·2023-10-02 12:58

wxs模块

应用场景:在wxml里有些数据需要处理，此时需要使用wxs来进行处理对js中data模块中数据的格式化处理基本使用{{25.6666666.toFixed(2)}}-->{{numberToFixed(
楚桥_fe4b·2023-10-02 01:20

微信小程序自定义组件

components第二步在组件文件夹下新建组件，可右击点击新建component,比如我的组件名字为a第三步在组件中写你需要的结构以及样式等第四步引入到需要的父组件中比如我想在index中的index.wxml
JennyWeb·2023-09-30 21:44

微信小程序（原生）——轮播图swiper、1秒切换、自动轮播、无缝切换

1秒切换、自动轮播、无缝切换二、案例演示三、案例代码index.wxml文件：index.wxss文件：/**index.wxss**/.swiper-container{width:100%;}.item
耶啵奶膘·2023-09-30 12:03

微信小程序循环点击切换样式

wxml{{item.name}}wxss.map_head{width:100%;display:flex;background-color:#FFFFFF;}.map_headview{width:
仰淮·2023-09-30 12:31

微信小程序如何开发跑马灯效果

image跑马灯效果的制作制作方式很简单，先方上代码，后面会对代码详细讲解一、wxml界面的实现{{text}}界面布局很简单，一个底部背景容器，加入一个广播图片和对应的跑马灯文字二、wxss样式.example
清风兑酒·2023-09-29 23:58

附录5-本地生活案例(上拉触底，下拉刷新)

目录1效果1.1首页1.2商品列表页1.3消息页1.4联系我们2代码2.1标题与标题后的背景2.2tabBar2.3首页2.3.1wxml2.3.2wxss2.3.3js2.3.4轮播图接口数据2.3.5
Suyuoa·2023-09-29 22:48

微信小程序 Vant Weapp 引入Dialog的使用

/miniprogram_npm/@vant/weapp/dialog/dialog';然后在WXML文件里然后就可以在JS方法里面直接使用各种状态Dialog.alert({title:'
weixin_46711427·2023-09-29 21:31

微信小程序实现js控制动画——点击播放动画

功能需求：点击刷新图标，图标旋转进入Loading状态，加载完毕，动画停止//index.wxml{{userInfo.nickName}}余额//index.jsPage({data:{animation
机智的奎哥·2023-09-29 21:27

使用van-dialog二次封装微信小程序模态框

由于微信小程序的wx.showModal不支持富文本内容，无法实现更灵活的展示效果，故需要进行二次封装实现思路：使用van-dialog以及微信小程序的rich-text实现代码如下：//index.wxml
机智的奎哥·2023-09-29 21:26

小程序引入组件

1.新增组件2.声明引用哪个页面用就在哪个页面的index.json引入image.png在wxml引用image.png
布呐呐aa·2023-09-29 21:51

微信小程序自定义picker，选项内容两行展示

picker-viewpicker-view-column文档地址：https://developers.weixin.qq.com/miniprogram/dev/component/picker-view.html效果图：wxml
花笙_·2023-09-29 20:13
上一页 14 15 16 17 18 19 20 21 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他