/*swtich整体大小及背景色*/.wx-switch-input{  width:80rpx !important;  height:35rpx !important;  background: #ccc !important;  border: #ccc !important;}/*白色样式(false的样式)*/.wx-switch-input::before{  width:80rpx !important;  height: 35rpx !important;}/* 中间            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-01-11 10:02:59
                            
                                980阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            /*swtich整体大小及背景色*/.wx-switch-input{  width:80rpx !important;  height:35rpx !important;  backgr            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-12-24 09:35:28
                            
                                1364阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            微信小程序: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阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            微信小程序-样式-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阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            MinUI 是基于微信小程序自定义组件特性开发而成的一套简洁、易用、高效的组件库,适用场景广,覆盖小程序原生框架、各种小程序组件主流框架等,并且提供了高效的命令行工具。MinUI 组件库包含了很多基础的组件,其中 progress 进度条组件是一个很常用的基础元件, MinUI 中 progress 组件的效果图如下:  各式各样的类型都有哦,是不是看起来很方便很快捷的样子(^_^)。可以打开微信            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-30 21:05:15
                            
                                189阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            WXSSWXSS (WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式。WXSS 用来决定 WXML 的组件应该怎么显示。为了适应广大的前端开发者,WXSS 具有 CSS 大部分特性。同时为了更适合开发微信小程序,WXSS 对 CSS 进行了扩充以及修改。与 CSS 相比,WXSS 扩展的特性有:尺寸单位样式导入尺寸单位rpx(responsive pixel)            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-12-25 08:36:27
                            
                                460阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1、view 组件 引用view 引用 组件样式 a b 并且设置自身文字颜色为红色1、wxss 文件 可以编辑组件样式其中 a 为本身文件夹中样式, b 为其他文件 样式。引用其他文件样式 采用 @import " 样式路径";...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-11-21 10:16:14
                            
                                4175阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            总结:1、如果想让一个view水平和竖向均居中。另外,vertical-align:竖向居中。如果想让标题只显示2行,多余的显示…超出一行就隐藏:white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;white-space:normal,normal表示合并空格,多个相邻空格合并成一个空格,在源码中的换            
                
         
            
            
            
            小程序官方使用简介模板WXML提供模板(template),可以在模板中定义代码片段,然后在不同的地方调用。定义模板使用 name 属性,作为模板的名字。然后在内定义代码片段,如:<!--
  index: int
  msg: string
  time: string
-->
<template name="msgItem">
  <view>
    &l            
                
         
            
            
            
            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=            
                
         
            
            
            
            第一步的话就是在我们的app.json中创建我们的相关的项目的页面:然后的话就是编写我们的radio.xml文件:具体的代码:<!-- todo 
   在我们的这个位置的话就是设置我们相关的radio组件
 -->
 <view class="page-body">
   <!-- 这个的话是我们的一个view -->
   <view class="p            
                
         
            
            
            
            小程序特点:用完即走、低频使用、性能要求低,不支持webview;以ip            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-03-02 07:09:41
                            
                                398阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            目录?WXSS 模板样式1. 什么是 WXSS2. WXSS 和 CSS 的关系?WXSS 模板样式 - rpx2. rpx 的实现原理3. rpx 与            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-07-02 21:59:24
                            
                                169阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            ?作者简介苏凉(专注于网络爬虫,数据分析,正在学习前端的路上)?名言警句海阔凭鱼跃,天高任鸟飞。?要是觉得博主文章写的不错的话,还望大家三连支持一下呀!!!            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-10-17 12:47:58
                            
                                658阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            参考git文档:https://gitee.com/zgp-qz/picker-view-custom-component使用方法从git上下载下来 放到components下json引用使用通用属性mode:选择器类型,默认 selector 值:selector - 普通选择器 multiSelector - 多列, cascadeSelector - 级联, time - 时间, date             
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-10 13:18:11
                            
                                158阅读