小程序里面用的样式叫 wxss， wx 表示微信，ss 是 style sheets .. 它跟我们平时用的 css 差不多 .. 你可以把它理解成微信小程序定制版的 css ...在小程序的有个主要的样式文件，每个页面也可以有属于自己的样式文件 .. 打开 index 页面的 wxml 文件 .. 在这个 view 组件上面，可以用一个 class ，在组件上面添加一个类 .. 名字是 cont
转载
2024-05-02 17:09:22
195阅读
WXSSWXSS (WeiXin Style Sheets)是一套样式语言，用于描述 WXML 的组件样式。WXSS 用来决定 WXML 的组件应该怎么显示。为了适应广大的前端开发者，WXSS 具有 CSS 大部分特性。同时为了更适合开发微信小程序，WXSS 对 CSS 进行了扩充以及修改。与 CSS 相比，WXSS 扩展的特性有：尺寸单位样式导入尺寸单位rpx（responsive pixel）
转载
2023-12-25 08:36:27
460阅读
相信刚开始学习开发小程序的初学者一定对界面的布局很困扰，不知道怎么布局，怎么摆放位置，其原因是不了解CSS样式的属性，所以，今天这篇文章，给大家普及一下相关的知识。说起CSS布局，首先要讲解的就是FLex布局，这个可以说是一个万能钥匙，遇到什么复杂的布局，都可以通过Flex布局搞定，为了方便大家理解Flex属性，我将会一步步解析FLex的属性，并附上效果图。1、基本概念采用 Flex 布局的元素，
转载
2024-04-16 21:22:00
141阅读
WXSS (WeiXin Style Sheets)是一套样式语言，用于描述 WXML 的组件样式。WXSS 用来决定 WXML 的组件应该怎么显示。为了适应广大的前端开发者，WXSS 具有 CSS 大部分特性。同时为了更适合开发微信小程序，WXSS 对 CSS 进行了扩充以及修改。与 CSS 相比，WXSS 扩展的特性有：尺寸单位样式导入3.8.1 尺寸单位rpx（responsive pixel）: 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕
转载
2021-05-31 14:57:02
1204阅读
微信小程序滚动Tab选项卡：左右可滑动切换 最终效果如上。问题： 1、tab标题总共8个，所以一屏无法全部显示。 2、tab内容区左右滑动切换时，tab标题随即做标记（active）。 3、当active的标题不在当前屏显示时，要使其能显示到当前屏中。 一、wxml结构 tab标题因一排八个，所以使用 scroll-view组件，使其可横向滚动。 
转载
2024-10-08 16:33:58
70阅读
@作者 : SYFStrive 目录✔✔ 1、 WXSS 模板样式 - rpx 1.1、 什么是 rpx 尺寸单位 1.2、 rpx 的实现原理 1.3、 rpx 与 px 之间的单位换算 &nb
一：编写tabBar模板 众所周知，微信小程序的tabBar都是新开页面的，而微信文档上又表明了最多只能打开5层页面。这样就很容易导致出问题啦，假如我的tabBar有5个呢？下面是微信原话： 一个应用同时只能打开5个页面，当已经打开了5个页面之后，wx.navigateTo不能正常打开新页面。请避免多层级的交互方式，或者使用wx.redirectTo 因此这几天想着根据微信tabBar数组来自定义
转载
2024-08-29 00:03:03
473阅读
效果展示Demo代码wxml<!-- 切换栏 --><view class='list-top'> <ul> <li class="{{flag==0?'active':''}}" catchtap="changeflag" data-index="0">打卡记录</li> <li class="{{flag==1?'
原创
2023-01-18 07:28:21
175阅读
在h5中可以用js根据id啊、class啊等等找到控件，然后.css 但是在小程序中没有，小程序是数据绑定的模式，style也可以这样写
原创
2018-08-23 17:49:31
603阅读
Demo代码wxml
<!-- 切换栏 --><view class='list-top'> <ul> <li class="{{flag==0?'active':''}}" catchtap="changeflag" data-index="0"
转载
2021-06-13 18:40:41
180阅读
微信小程序与MySQL的结合，为我们提供了强大的数据管理能力，但在使用过程中，我们经常会遇到“动态拼接SQL”这一问题。这种问题不仅影响了系统的性能，还可能导致数据的错误读取与操作。
### 背景定位
在一次项目开发中，我们的微信小程序需要实时从MySQL数据库中动态获取用户信息。然而，随着用户数据的增多，SQL拼接的效率逐渐降低，导致了小程序的卡顿和错误数据的出现。我们在开发过程中，用户反馈如
wxml<View>1.播放网络视频</View><view > <video style="width: 100%;height=400px;margin:1px;" src="http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e0020401288254
原创
2021-07-14 17:39:52
1217阅读
audio音频组件简单示例wxml<audio src="/assets/img/许嵩 - 有何不可.mp3" loop="true" controls="true" name="有何不可" author="许嵩" poster="/assets/img/许嵩.png"></audio>效果官方示例wxml<!-- audio.wxml --><audio poster="{{poster}}" name="{{name}}" author="
原创
2021-07-14 17:39:54
524阅读
video组件
一、示例：
wxml<View>1.播放网络视频</View><view > <video style="width: 100%;height=400px;margin:1px;" src="http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=302802010104
原创
2022-02-26 17:57:54
1017阅读
audio音频组件
一、简单示例
wxml<audio src="/assets/img/许嵩 - 有何不可.mp3" loop="true" controls="true" name="有何不可" author="许嵩" poster="/assets/img/许嵩.png"></audio>
效果
二、官方示例
wxml<!-- audio.wxml -->
原创
2022-02-26 17:58:13
1538阅读
期待许久的微信小程序正式于1月9日凌晨上线，用户只要将微信更新到最新版本（V6.5.3），即可通过扫描二维码，或搜索等方式体验微信小程序。体验微信小程序后，即可在微信「发现」菜单末尾出现诸如朋友圈各种装X晒图的「小程序」标识。 指定聊天界面，随心分享 小程序作为便捷的轻应用，在此次上线可直接置顶到聊天界面顶部，方便聊天和体验的随心切换，另外可将小程序直接分享给微信好友（个人聊天或群聊天都行），
