WXML

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

小程序日期加时间筛选组件新建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

微信小程序上传图片及文件（上传、下载、删除及预览）

微信小程序上传附件上传文件及图片下载，预览、删除自定义封装组件哪儿用哪儿调用即可wxml代码上传文件（我是子组件）-->上传文件上传图片XX-->Xjs代码//components/uploaddown
码小白的求学之路·2023-09-29 07:51

微信小程序案例2-1：学生信息

文章目录（二）准备图像素材（三）编写小程序页面结构单击[确认]清空页面结构文件index.wxml内容修改页面配置文件index.json，不适用navigation-bar组件删除全局配置文件app.json
念无期·2023-09-29 02:21

微信小程序开发——WXML与WXSS

handbook/tcb02.html【嵌牛导读】相信通过前面的学习，大家对一个完整的小程序的文件结构有了一个大致的了解，对小程序的开发者工具也有了一定的认识，那这节我们来开始动手写一下小程序的代码，同时介绍WXML
张兴才_XD·2023-09-28 20:09

微信小程序-人脸识别（2)实现人脸识别功能

前台代码：wxml刷脸登录JS：data:{//switch1Change:truepath:null,status:'front'},switch1Change:function(e){if(e.detail.value
你的Yang·2023-09-28 19:27

微信小程序—点击实现页面跳转

//wxml示例代码按钮2.但需注意，跳转到tabBar页面和非tabBar页面所调用的函数方法不一样。
李長庚·2023-09-28 19:33

微信小程序跳转html,微信小程序实现跳转的几种方式总结（推荐）

跳转到新页面参数如下2.给页面布局加监听bindtap事件，然后在方法里面，通过wx.navigatorTo来实现跳转(保留当前页面，跳转到应用内的某个页面，使用wx.navigateBack可以返回到原页面)在my.wxml
郭儒高·2023-09-28 19:03

微信小程序学习笔记

目录一.小程序与普通网页开发的区别：二.小程序代码的构成：项目结构小程序代码的构成：JSON配置文件WXML模板：WXSS样式:JS逻辑交互:三.小程序的宿主环境小程序的宿主环境—宿主环境简介小程序的宿主环境
前端小马·2023-09-28 03:45

小程序引入隐私政策

以上基础库只有用户同意了才可进行授权，调起相册之类的权限公告封装了个方法，可资源自行下载，主要说下用法首先页面引入组件在需要弹出的地方进行点击调用json："privacy":"/components/privacy/privacy"wxml
半梅芒果干·2023-09-27 19:17

微信小程序部分知识点总结【2】

开发者可以使用微信提供的小程序框架，如WXML（类似HTML）、WXSS（类似CSS）和小程序API等进行开发。这些技术使得开发者
无妄的罪·2023-09-26 22:33
上一页 12 13 14 15 16 17 18 19 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他