WXSSWXSS (WeiXin Style Sheets)是一套样式语言，用于描述 WXML 的组件样式。WXSS 用来决定 WXML 的组件应该怎么显示。为了适应广大的前端开发者，WXSS 具有 CSS 大部分特性。同时为了更适合开发微信小程序，WXSS 对 CSS 进行了扩充以及修改。与 CSS 相比，WXSS 扩展的特性有：尺寸单位样式导入尺寸单位rpx（responsive pixel）
转载
2023-12-25 08:36:27
460阅读
微信小程序配置项有一个参数为：navigationStyle，设置导航栏样式，仅仅有两个值，default和
转载
2022-10-28 06:51:04
1172阅读
小程序里面用的样式叫 wxss， wx 表示微信，ss 是 style sheets .. 它跟我们平时用的 css 差不多 .. 你可以把它理解成微信小程序定制版的 css ...在小程序的有个主要的样式文件，每个页面也可以有属于自己的样式文件 .. 打开 index 页面的 wxml 文件 .. 在这个 view 组件上面，可以用一个 class ，在组件上面添加一个类 .. 名字是 cont
转载
2024-05-02 17:09:22
195阅读
在使用组件跳转到普通的非tabBar页面时，则需要指定。在使用组件跳转到指定的tabBar的tabBar页面的路径，路径后不能带参数。方法，可以返回上一页面或多级页面。注意为了简便，在导航到非tabBar页面时，调用小程序的导航API，实现页面的跳转。...
原创
2022-07-24 23:33:50
100阅读
实例内容导航栏样式设置tabBar导航栏实例一：导航栏样式设置小程序的导航栏样式在app.json中定义。
转载
2022-07-22 18:14:03
1710阅读
scroll-view可滚动视图区域组件说明:
可滚动视图区域。组件用法：纵向滚动用法Tip:使用竖向滚动时，需要给一个固定高度，通过 WXSS 设置 height，否则无法滚动。当滚动到顶部时会触发bindscrolltoupper事件（具体可留意GIF输出）当滚动到底部时会触发bindscrolltolower事件（具体可留意GIF输出）scroll-view可滚动视图区域的示例代码运行效果如
微信小程序-样式-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阅读
微信小程序：WXSS 样式 一、WXSS 样式 XSS 具有 CSS 大部分的特性，小程序在 WXSS 也做了一些扩充和修改。 1，新增了尺寸单位： 在写 CSS 样式时，开发者需要考虑到手机设备的屏幕会有不同的宽度和设备像素比，采用一些技巧来换算一些像素单位。WXSS在底层支持新的尺寸单位 rpx
转载
2018-08-28 14:53:00
854阅读
2评论
yles/common.wxss";common.wxssview{ color: aqua; font-size: 100px;}示例...
原创
2022-12-20 17:12:57
407阅读
更改前 更改后
原创
2021-08-05 16:01:33
539阅读
MinUI 是基于微信小程序自定义组件特性开发而成的一套简洁、易用、高效的组件库，适用场景广，覆盖小程序原生框架、各种小程序组件主流框架等，并且提供了高效的命令行工具。MinUI 组件库包含了很多基础的组件，其中 progress 进度条组件是一个很常用的基础元件， MinUI 中 progress 组件的效果图如下： 各式各样的类型都有哦，是不是看起来很方便很快捷的样子(^_^)。可以打开微信
转载
2024-04-30 21:05:15
189阅读
问题描述如何实现一个商品加购物车的导航？我们日常当中越来...
原创
2021-06-30 15:02:36
604阅读
小程序-导航 & 路由
navigateTo, redirectTo 只能打开非 tabBar 页面。
switchTab 只能打开 tabBar 页面。
reLaunch 可以打开任意页面。
页面底部的 tabBar 由页面决定，即只要是定义为 tabBar 的页面，底部都有 tabBar。
调用页面路由携带的参数可以在目标页面的 onLoad 生命周期函数中获取。
转载
2020-09-29 08:55:00
279阅读
2评论
微信小程序-导航组件 navigatordemo.wxml<!-- 导航组件 navigator 0 块级元素 默认会换行 可以直接加高度和宽度 1 url 要跳转的页面路径 绝对路径 相对路径 2 target 要跳转到当前的小程序 还是其他的小程序页面 self 默认值 自己 小程序的页面 miniProgram 其他的小程序的页面 3 open...
原创
2022-12-20 17:11:42
262阅读
"tabBar": { "color": "#8a8a8a", "selectedColor": "#1AAD16", "backgroundColor": "#fff", "borderStyle": "white", "list": [ { "pagePath": "pages/index/in
原创
2021-09-07 17:36:24
281阅读
问题描述App.json作为全局配置文件，可以设置5个功...
原创
2021-06-30 14:44:37
544阅读
JS data: { // 初始化滑动条数据 menuIndex:0, // 每个菜单的宽度 onlyWidth: 70, // 右侧的margin marginWidth:10, // 菜单总长 menuWidth:0, lists:[ { list: 'a1' }, { list: 'a2' }
转载
2017-12-05 09:11:00
185阅读
