WXSSWXSS (WeiXin Style Sheets)是一套样式语言，用于描述 WXML 的组件样式。WXSS 用来决定 WXML 的组件应该怎么显示。为了适应广大的前端开发者，WXSS 具有 CSS 大部分特性。同时为了更适合开发微信小程序，WXSS 对 CSS 进行了扩充以及修改。与 CSS 相比，WXSS 扩展的特性有：尺寸单位样式导入尺寸单位rpx（responsive pixel）
转载
2023-12-25 08:36:27
460阅读
目录?WXSS 模板样式1. 什么是 WXSS2. WXSS 和 CSS 的关系?WXSS 模板样式 - rpx2. rpx 的实现原理3. rpx 与
原创
2022-07-02 21:59:24
169阅读
1.购物车算钱wxml<view class="cart-box">
<view class="item" wx:for="{{list}}" wx:key="list">
<icon type="{{item.select}}" size="26" data-index="{{index}}" data-select=
小程序里面用的样式叫 wxss， wx 表示微信，ss 是 style sheets .. 它跟我们平时用的 css 差不多 .. 你可以把它理解成微信小程序定制版的 css ...在小程序的有个主要的样式文件，每个页面也可以有属于自己的样式文件 .. 打开 index 页面的 wxml 文件 .. 在这个 view 组件上面，可以用一个 class ，在组件上面添加一个类 .. 名字是 cont
转载
2024-05-02 17:09:22
195阅读
scroll-view可滚动视图区域组件说明:
可滚动视图区域。组件用法：纵向滚动用法Tip:使用竖向滚动时，需要给一个固定高度，通过 WXSS 设置 height，否则无法滚动。当滚动到顶部时会触发bindscrolltoupper事件（具体可留意GIF输出）当滚动到底部时会触发bindscrolltolower事件（具体可留意GIF输出）scroll-view可滚动视图区域的示例代码运行效果如
微信小程序：WXSS 样式 一、WXSS 样式 XSS 具有 CSS 大部分的特性，小程序在 WXSS 也做了一些扩充和修改。 1，新增了尺寸单位： 在写 CSS 样式时，开发者需要考虑到手机设备的屏幕会有不同的宽度和设备像素比，采用一些技巧来换算一些像素单位。WXSS在底层支持新的尺寸单位 rpx
转载
2018-08-28 14:53:00
854阅读
2评论
微信小程序-样式-rpx/* 1 小程序中 不需要主动来引入样式文件 2 需要把页面中的某些元素的单位 由 px 改成 rpx 1 设计稿 7
原创
2022-12-20 17:11:42
207阅读
select框 wxml： <view class="item_nav_set"> <view catchtap='item_nav_set_list_display' data-index='0' class="item_nav_set_list {{item_nav_set_list_light
原创
2021-05-25 15:21:28
858阅读
WXSS（WeiXin Style Sheets）是一套用于小程序的样式语言，用于描述WXML的组件样式，也就是视觉上的效果。 WXSS与Web开发中的CSS类似。为了更适合小程序开发，WXSS对CSS做了一些补充以及修改。 1、尺寸单位 在WXSS中，引入了rpx（responsive pixel ...
转载
2021-10-11 22:36:00
371阅读
2评论
# 微信小程序radios样式科普
在微信小程序中，我们经常会使用到`radios`组件来实现单选功能。`radios`组件是微信小程序提供的一种常用表单组件，用于用户在多个选项中选择一个选项。本文将介绍`radios`组件的样式和使用方法，并提供代码示例。
## 1. `radios`组件基本用法
`radios`组件用于创建一组单选框选项，用户只能选择其中的一个选项。使用`radios`
原创
2023-11-18 14:53:20
468阅读
yles/common.wxss";common.wxssview{ color: aqua; font-size: 100px;}示例...
原创
2022-12-20 17:12:57
407阅读
<loading hidden="{{loadingHide}}">
{{loadingText}}
</loading>
<!--pages/home/home.wxml-->
<view class="IndexHome">
<image src="../../image/logo1.png" mode="widthFix" cla
转载
2024-01-20 22:13:17
31阅读
效果图一、开发前资料准备：1.1 登录微信小程序后台：微信小程序
使用自己微信号登录即可1.2 寻找Appid和AppSecret配置：1.3选择合适的模板消息进行推送选择自己需要的模板，没有的话到最后一页去自己申请（看下下张图的自己申请即可）1.4找到模板id：1.5下载官方微信开发工具
选择自己电脑匹配的版本下载二、小程序订阅消息代码开发：2.1创建官方小程序DEMO2.2获取code如下图点
转载
2023-11-16 14:34:06
157阅读
文章目录前言1、准备工作2、微信开发者工具 > 初始化工作3、新建页面工作4、编写页面介绍5、app.json6、普通开发与云开发 2、微信开发者工具 > 初始化工作3、新建页面工作1、 新建小程序以后，官方会给你创好一个框架，不要乱删除页面，不然会出现报错2、每个页面的语法 > 必须 > 符合该页面的语法3、wxml页面写微信官方的html代码4、wxss页面写css
转载
2023-10-23 21:37:37
385阅读
MinUI 是基于微信小程序自定义组件特性开发而成的一套简洁、易用、高效的组件库，适用场景广，覆盖小程序原生框架、各种小程序组件主流框架等，并且提供了高效的命令行工具。MinUI 组件库包含了很多基础的组件，其中 progress 进度条组件是一个很常用的基础元件， MinUI 中 progress 组件的效果图如下： 各式各样的类型都有哦，是不是看起来很方便很快捷的样子(^_^)。可以打开微信
转载
2024-04-30 21:05:15
189阅读
# 微信小程序JavaScript模板的使用与发展
微信小程序是腾讯公司推出的一种全新应用形态，为用户提供了更便捷的服务体验。微信小程序开发使用 JavaScript 作为主要编程语言，对开发人员的要求相对较高，因此了解其基本结构至关重要。本文将介绍微信小程序的基本模板、代码示例，并提供甘特图以帮助理解。
## 微信小程序的基本结构
一个标准的微信小程序通常由以下几个部分组成：
1. **
微信小程序：WXML 模板 一、WXML 模板 网页编程采用的是 HTML + CSS + JS 这样的组合，其中 HTML 是用来描述当前这个页面的结构，CSS 用来描述页面的样子，JS 通常是用来处理这个页面和用户的交互。 同样道理，在小程序中也有同样的角色，其中 WXML 充当的就是类似 HT
转载
2018-08-28 14:41:00
288阅读
2评论
[外链图片转存失败(img-STw401rR...
转载
2019-08-06 22:25:00
228阅读
2评论
[外链图片转存失败(img-STw401rR-1565101469846)(https://upload-images.jianshu.io/upload_images/11158618-52efd0adc4d95b06.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]
[外链图片转存失败(img-u4QekWfY-1565101469
原创
2021-07-19 11:40:54
409阅读
