WXML

小程序 解决自定义弹窗滚动穿透问题，解决弹窗背景内容滚动问题

方法二、固定定位（可以解决背景不要滚动，弹框能滚动的问题）当出现弹窗时，为wxml最外层元素动态添加fixed类。但是这种方式会导致页面自动回到顶部。
chendawen2014·2023-09-26 09:41

社区团购美团和多多买菜小程序购物车

点击相应商品增加按钮,购买数量增加1,点击食物减少按钮,购买数量减一显示购买总数和总金额查看当前购买的商品效果图(数据来自本地模拟)目录结构实现过程主要wxml{{item.foodTitle}}{{item.goodName
西安未央·2023-09-25 23:45

微信小程序实现拍照并拿到图片对象功能

微信小程序提供了函数chooseImage我们可以在wxml中定义一个按钮拍照这里绑定了一个点击事件叫photograph然后我们在js中编写代码如下//import{getAll}from"../..
深圳市有德者科技有限公司-耿瑞·2023-09-25 19:25

微信小程序 自定义头部导航栏 navigationStyle

中配置image.png目前微信小程序不支持单个页面设置(现在支持了，本文章仅供参考)，一旦在要决定使用自定义导航栏，那么每个页面都需要设置，为了方便我就将其写成了一个组件：image.pngindex.wxml
回忆不死我们不散·2023-09-25 17:39

微信小程序开发学习

模板与绑定1.数据绑定1）在data中定义数据在页面对应的.js文件中把数据定义到data对象中即可2）在WXML中使用数据把data中的数据绑定到页面中渲染，使用Mustache（双大括号{{}}）将变量名包起来即可
想七想八不如11408·2023-09-25 13:02

vs code 开发小程序常用插件

vscodeweappapi,语法结构api;minapp自动补全代码wxml微信小程序wxml格式化以及高亮组件(高度自定义)EasyWXLESSwxss/less书写小程序助手发现小程序开发软件只适合预览
JennyWeb·2023-09-25 12:48

小程序模板语法

1.数据绑定在**.js的data中定义数据，然后在对应的**.wxml页面中使用即可js文件中Page({data:{msg:'不想说什么了，呵呵'}})wxml文件中{{msg}}2.列表渲染和上面类似
山里小孩·2023-09-25 09:10

微信小程序

小程序页面结构WXML（WeiXinMarkupLanguage）是框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。
人在胖天在看_640c·2023-09-25 04:21

小程序入门学习demo-todolist

1.项目的目录2.项目的演示3.实现过程wxml代码的实现ADDBeinprogress{{leftcount}}{{item.name}}ChooseallCompleted{{completedcount
西安未央·2023-09-25 02:57

微信小程序-实现签字板的效果（附代码和效果）

wxml重置确认{{text}}wxsspage{background:#f2f5f5;}.bg{width:686rpx;height:300rpx;margin:18rpxauto0auto;background-color
IU憨憨·2023-09-24 23:46

微信小程序授权登录页面（有提示窗）

微信小程序授权登录（有弹窗提示）1效果显示1.1授权登录页面1.2授权登录提示弹窗1.3拒绝授权登录1.4允许登录后，跳转到小程序首页2代码2.1wxml文件授权登录2.2wxss文件/*pages/userInfo
长安情故人巷·2023-09-24 21:48

微信小程序与uniapp面试题

WXML是
阿星有点帅·2023-09-24 20:15

小程序社区团购demo

各种佣金明细等页面详细需求：根据市场信息反馈，社区团购比较火，有流量的用户可以推广页面实现了功能：实现了用户微信登录自动获取手机号，加入团长，邀请团长，展示各种佣金明细等页面；产品部分页面展示产品目录部分wxml
西安未央·2023-09-24 16:20

小程序评论、回复框

默认显示在页面底部，评论、回复时弹起按键与输入框（也可默认不显示，只有评论、回复时弹起示），如下图：小程序评论、回复框.jpg实现代码test.wxml回复发送test.wxss/*pages/test
可怜的小黑兔·2023-09-24 01:08

微信小程序开发

(一)基本结构分析视图层来实现页面结构，由WXML和WXSS编写，并由组件进行展示。逻辑层来实现后台功能，由JavaS
码字小萌新♡·2023-09-23 17:47

微信小程序swiper轮播图高度

wxml//bindload是绑定图片加载的事件,记得给image加上mode=“widthFix”这个属性哦，还有就是设置这个image
新新_6261·2023-09-23 15:49

小程序模糊查询

wxml{{item.companyname}}jsdata:{showInputStatus:false,inputValue:'',//点击结果项之后替换到文本框的值//adapterSource:
Sunny_ae0e·2023-09-23 07:39

微信小程序-双滑块组件

先看效果：组件range-slider.wxml组件range-slider.js代码地址：https://gitee.com/yin_dong/weixinshuanghuakuai/tree/master
汉武大帝··2023-09-22 10:13

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

注册实现第二章宠物预约医疗项目实战-注册实现文章目录【微信小程序开发】宠物预约医疗项目实战-注册实现前言一、打开项目文件二、编写wxss代码2.1什么是wxss2.2配置主程序全局样式三.在sign文件下的wxml
沉默着忍受·2023-09-21 11:07

day3

微信客户端宿主环境为了执行小程序的各种文件：wxml文件、wxss文件、js文件提供了小程序的双线程模型小程序双线程模型.png双线程模型WXML模板和WXSS央视运行于渲染层，渲染层使用WebView
EEEEsun·2023-09-21 10:03

微信小程序学习笔记1.1

1.5微信小程序视图层微信小程序框架的视图层用WXML和WXSS编写，由组件来进行展示。将逻辑层的数据在视图层中进行渲染，同时将视图层的事件发送给逻辑层。
蔬菜院院长·2023-09-21 05:43

北京小程序开发：微信小程序原生、第三方、框架，哪种更适合你？

一、原生开发微信小程序的原生开发采用的是WXML、WXSS和JavaScript等技术。开发者需要先下载微信开发者工具，在其中创建项目，选择原生开发模式。微信开发者工具提供了丰富的代码编辑器、调
·2023-09-20 10:17

【小程序】实现经典2048小游戏

，2048小游戏对于逻辑要求还是很有技术含量的，有兴趣的可以看看详细以前学习时写的小游戏2048，技术含量还是不错的，有兴趣的可以看看2048已经封装好了，在主页面直接引入文件可以直接调用演示图：调用wxml
西安未央·2023-09-20 07:01

北京小程序开发：微信小程序原生、第三方、框架，哪种更适合你？

一、原生开发微信小程序的原生开发采用的是WXML、WXSS和JavaScript等技术。开发者需要先下载微信开发者工具，在其中创建项目，选择原生开发模式。微信开发者工具提供了丰富的代码编辑器、调
软件工匠·2023-09-19 23:07

微信小程序开发1-点击事件,获取元素id

在后续的的实践中我会一点一点地把自己遇到的问题与解决方案记录下来，希望能给大家带来帮助.言归正传，进入主题今天要介绍的是小程序开发中常见的一种情况——点击列表中的某一行跳转到新的页面并将该行的详细信息显示出来话不多说先上代码：xxx.wxml
zhou_hao_yan·2023-09-19 20:51

小程序基础[02]-小程序框架的文件体系

视图层由WXML和WXSS组成，类似于前端开发中的HTML(标签)和CSS(样式)。逻辑层是一套运行在本地JavaScript引擎中的JavaScript代码，负责调用数据处理方法来驱动视图更新。
文顶顶·2023-09-19 15:44

小程序实现身份证取景框拍摄

身份证取景框的实现主要是借助于camera组件及cover-view组件先看下案例wxml代码js代码Page({/***页面的初始数据*/data:{src:'',show:false},cancelBtn
科技男code·2023-09-19 00:38

小程序车牌号模拟虚拟键盘选择。车牌号虚拟键盘。作为组件使用

1.新建组件carCity组件wxml书写{{carNo||'请输入车牌号码'}}{{item}}关闭{{item}}关闭清除/*chepai*/.carNo{font-size:30rpx;color
眼睛微微笑·2023-09-18 14:05

微信小程序----WXML

简介全称：WXML全称是WeiXinMarkupLanguage，是小程序框架设计的标签语言。
你爱我吗。·2023-09-18 12:59

【微信小程序】scroll-view的基本使用

|scss里面的.item:nth-child(1)index.wxml明星茶index.scss.scroll{padding:60rpx30rpx;scroll-view{white-space:nowrap
进阶的CC·2023-09-18 06:28

小程序自定义导航栏（封装得很好的组件）

console.log(`res.statusBarHeight`,res.statusBarHeight);this.globalData.height=res.statusBarHeight}})下面是导航栏组件的wxml
不闻不问_741e·2023-09-18 02:22

微信小程序基础知识点

WXML文件：类似于HTML，用于编写小程序的页面结构。WXSS文件：类似于CS
前端布道人·2023-09-17 11:21

微信小程序的目录结构

pages目录：存放小程序的页面文件，每个页面通常由一个.json、.js和.wxml文件组成。在这里定义了小程序的各个页面及其对应的逻辑和界面。
泡芙·草莓·2023-09-17 06:27

【微信小程序】网络请求

limit=2示例：完整代码request.wxml网络请求图片id:{{index+1}}/*pages/request/request.wxss*/.box{margin:0auto;text-align
进阶的CC·2023-09-17 05:17

微信小程序movable-area+movable-view，自动吸附两边

二、实现方法1、wxml：点击会触发点击事件2、wxss：page{width:100%;min-height:100%;}.cont{padding-top:180rpx;width:100%;}.movable-area
下代码雨了·2023-09-16 06:34

微信小程序movable-area制作悬浮按钮

效果图如上，在屏幕上显示一个可以拖动的悬浮按钮WXML代码movable-area代表可移动的区域，movable-view代表可以移动的模块WXSS代码.movable-area{pointer-events
mishu720·2023-09-16 06:33

微信小程序——常用组件的属性介绍

常用的组件内容标签text文本组件类似于HTML中的span标签，是一个行内元素rich-text富文本标签支持把HTML字符串渲染为WXML结构text标签的基本使用通过text组件的selectable
Error_exception_worn·2023-09-16 06:23

微信小程序实现单元格编辑功能，并支持计算合计

WXML代码如下：{{item}}{{item}}WSS代码如下：.table{border:0pxsoliddarkgray;fon
queenpong·2023-09-15 18:50

0基础跟着黑马程序员学微信小程序前端开发Day02（自学笔记）

学习目录一、WXML模板语法1.数据绑定的基本原则①在data中定义数据，在WXML中使用数据②Mustache语法的格式Mustache语法的一些应用场景动态绑定内容动态绑定属性三元运算算数运算2.事件绑定
Dezyan·2023-09-15 14:00

微信小程序开发day02

1.插入视频在movies.js中编写以下代码，movies.wxml是展示主页面样式和文件，相当于html页面。
小高今天早睡了吗？·2023-09-15 14:00

微信小程序开发学习—Day1

了解微信开发者工具3、小程序代码的基本构成3.1、项目结构（1）了解项目的基本组成结构（2）小程序页面的组成部分3.2、JSON配置文件（1）JSON配置文件的作用（2）新建小程序页面（3）修改项目首页3.3、WXML
谢小然·2023-09-15 14:29

解决微信开发者工具企业微信小程序模式下模拟器白屏问题

点击模拟器右上角三个点都不出弹出菜单，并且在调试器可正常显示Wxml和接口调用，手机扫描预览生成的二维码也可正常显示内容，只有模拟器有白屏现象。
取名点数增加的boy·2023-09-14 20:47

微信小程序实现调查问卷表单

微信小程序问卷调查表单功能演示：20220408_202155index.wxml1、输入你的学号2、输入你的姓名3、你是用手机的最大用途是什么{{item.val}}4、每天使用手机多少小时5、平常打不打球打不打
C币贫困户·2023-09-14 18:08

《微信小程序案例5》仿小米Lite小程序分类板块-两个纵向滚动区域独立互不影响

每个小菜单的如图片标题等内容使用js里面的data来保存3、如此多相似的结构使用wx:for循环4、点击事件改变选中状态使用bindtap、data-xxx自定义传参到js5、使用三元运算符动态增加或删除class样式三、代码wxml
每天八杯水D·2023-09-14 16:08

微信小程序（原生）使用Swiper实现（商品详情）视频和图片轮播（仿京东/淘宝商品详情头部视频+图片轮播）

如果第一是视频，不进行自动轮播2、可以手动滑动切换3、点击播放视频，也可以手动滑动切换4、视频播放完后，自动轮播5、视频可以点击暂停和全屏播放二、最终效果三、源码播放icon使用了TDesign组件库1、wxml0
wocwin·2023-09-14 08:07

微信小程序 通过 pageScrollTo 滚动到界面指定位置

我们可以先创建一个page注意一定要在page中使用因为pageScrollTo控制的是页面滚动你在组件里用他就失效了我们先来看一个案例wxml代码如下回到指定位置指定位置回到指定位置wxss代码如下/
-耿瑞-·2023-09-14 02:53

微信小程序 解决 当套在scroll-view中后 wx.pageScrollTo 函数失效问题解决

pageScrollTo只是页面的API他对scroll-view的滚动是无法控制的但是scroll-view也提供了一个scroll-into-view属性我们编写一个小案例wxml参考代码如下回到指定位置指定位置回到指定位置
-耿瑞-·2023-09-14 02:53

微信小程序倒计时功能

微信小程序倒计时功能1、在wxml页面中写入倒计时功能代码，设计倒计时功能。依次从天、时、分、秒写入代码。
狂奔的蜗牛_7197·2023-09-13 22:20

小程序赖加载刷新数据页面数据堆叠问题debug

目录项目所需原生写赖加载存在的bug解决问题思路及代码实现思路：代码实现：列表.wxml列表.jsWenjain_shanchu.jsWenjain_shanchu.jsonWenjain_shanchu.wxmlshouye.js
lqj_本人·2023-09-13 16:49

微信小程序--365笔记第32天---数组排序，距离最近

1.实现的是数组的排序，以距离排序，将距离最近的显示在上面;2.可以应用到其他数组排序，都是可以用的；wxml:原数组{{item.name}}{{item.distance}}距离最近{{item.name
叫我詹躲躲·2023-09-13 13:50
上一页 13 14 15 16 17 18 19 20 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他