rpx

小程序中修改checkbox和radio的样式

修改checkbox样式.wxml可用2000个积分币抵扣.wxss/*checkbox未选中时样式*/checkbox.wx-checkbox-input{border-radius:3rpx;height
吃萝卜的小兔子·2023-12-17 13:26

微信小程序置顶导航，替代原生导航栏

的时候可以使用此组件替代原生导航栏，wx.getSystemInfoSync获取可使用窗口高度wxml代码： 哪吒之魔童降世wxss代码：.header{ width: 100%; height: 58rpx
季夏梧桐·2023-12-17 12:51

微信小程序修改checkbox样式

1.WXML代码2.CSS代码checkbox.wx-checkbox-input{width:34rpx;height:34rpx;border-radius:50%;}/*checkbox选中后样式
_Me·2023-12-17 04:07

WX小程序案例（一）：弹幕列表

item.title}}已装填{{danmus.length}}条弹幕发送{{inputValue}}-->WXSS内容/*pages/formCase/formCase.wxss*//*.bk{width:750rpx
Int mian[]·2023-12-16 17:25

uniapp自定义tabbar

底部导航栏*/.footer{width:100%;display:flex;justify-content:space-between;background-color:#ffffff;height:100rpx
TechWhiz-晓同·2023-12-16 16:24

CSS 仿 -webkit-box-reflect 属性实现 图片 镜面 倒影 效果

实现方式方式一：-webkit-box-reflect属性布局样式.card{position:relative;margin-top:60rpx;width:54
RosaChampagne·2023-12-16 15:39

UNIAPP中文字上下左右居中

效果：index.vue:{{itemNew.name}}看详情index.css:父组件样式：.left{width:64rpx;height:184rpx;//display:flex;background
芷琪 i·2023-12-16 14:47

微信小程序css实现的联系客服动画样式

一、效果二、代码wxmlwxss.customer-service{width:100rpx;height:100rpx;background-color:var(--themeColor);position
糊涂涂糊涂涂·2023-12-16 08:50

网页内容高度不够时，让 footer 处于页面底部；高度超出时，位于内容最后的方法

$footer_height:80rpx;$bottom_space:40rpx;.main{height:100%;}.content{min-height:100%;box-sizing:border-box
海胆Sur·2023-12-16 07:01

在uniapp中，可以使用那些预定义的样式类

u-p-10：设置元素的上下左右边距为10rpx。u-p-t-10：设置元素的上边距为10rpx。u-p-b-10：设置元素的下边距为10rpx。u-p-r-10：设置元素的右边距为10rpx。
开心点啦.·2023-12-16 04:20

vue 切换标签

cunminSele(){this.styleShow='xuanze';},shangjiaSele(){this.styleShow='weixuanze';}}}.body{padding-top:151rpx
菜泡泡@·2023-12-16 04:46

微信小程序，添加地址，修改地址，删除地址及设为默认地址（上）

item.region[1]}}{{item.region[2]{{item.specific}}设为默认编辑删除添加新地址导入微信地址他的wxss/*尾部*/.footer{width:100%;height:100rpx
加油，前进·2023-12-15 20:17

自定义小程序swiper指示点样式

index.wxmlindex.wxss.warp{height:auto;position:relative;}.swiper{height:220rpx;}.swiper.img{width:100%
AHi_ae80·2023-12-15 19:41

微信小程序：模态框（弹窗）的实现

效果wxml上传文件确认取消wxss/*窗口*/.modal-content{background-color:white;width:90%;height:80%;border-radius:8rpx
雯0609~·2023-12-15 08:59

微信小程序：降低image层级，重叠排版方法

一般的方法，是白底圆角矩形的“margin-top:-80rpx;”这样就达到白底圆角矩形上移，压在图片上的效果。
web16888·2023-12-15 06:05

wxss模板语法

1.与css区别2.rpx概念3.wxss样式导入使用WXSS提供的@import语法，可以导入外联的样式表wxss不是css样式文件中可以导入其他样式表4.全局样式和局部样式
打酱油的；·2023-12-15 05:37

微信小程序之猜数字和猜拳小游戏

wxss代码四.猜拳页面（q1）代码wxml代码wxss代码js代码效果图app.json一、首页（index3）的代码wxml代码猜数字游戏规则猜拳wxss代码.box2{margin-top:200rpx
世俗ˊ·2023-12-06 06:33

小程序1rpx边框不完美

问题展示原因rpx类似rem，渲染后实际转换成px之后可能存在小数，在不同的设备上多多少少会存在渲染的问题。
@小花76·2023-12-05 14:06

【uniapp】小程序中input输入框的placeholder-class不生效解决办法

uniapp微信小程序，使用input组件时，想要改变提示词placeholder的样式，但是使用placeholder-class改变不了如下：.placeholder_class{font-size:26rpx
T3165919332·2023-12-05 08:21

微信小程序选项卡页面切换

选项卡效果切换如下：滑动即可对应切换wxml代码游戏专题挑战1.游戏2.专题3.挑战wxss代码：.tab{float:left;width:33.3333%;text-align:center;padding:10rpx0
小马大咖·2023-12-04 08:52

CSS一条语句实现弧形底部

实例：分析：如上图设计稿，红框是我们需要画的弧线部分，蓝线为垂直半径，黄线为水平半径假设盒子宽为750rpx，高度为70rpx。则代码如下border-radius:00375rp
秋月华星·2023-12-04 08:51

小程序选择框

WeiflR10的博客-CSDN博客_uniapp下拉框组件一、选择框基础功能效果图：wxml{{value}}请选择司机类别{{item.name}}wxss.inputPlaceholder{width:360rpx
WeiflR10·2023-12-04 08:49

uniapp实现用户全局设置应用字体大小（适用于各端）

比如，直接将font-size的rpx单位改成rem单位且可以自动等比例缩放效果当然你的移动端页面也会跟随更改~~~~思路1.使用插件p
AKA多个A·2023-12-04 03:53

对小程序的初了解

的区别标签名称不同HTML：div、a、span、imgWXML：view、text、image、navigator属性节点不同超链接提供了类似vue的模板语法数据绑定列表渲染条件渲染WXSS和CSS的区别新增了rpx
小巨要做一个很棒的人·2023-12-02 07:16

解决微信小程序的button按钮设置宽度无效的问题

important;.float_ball{width:100rpx!important;height:100rpx;border-radius:100%;padding:0;}
下班再说·2023-12-01 11:48

uniapp css 展示图片原始大小不压缩或者拉伸图片

height:"",};},mounted(){letthat=this;uni.getImageInfo({src:url,success:(image)=>{that.width=image.width+"rpx
小吴头大·2023-12-01 04:12

uniapp checkbox-group改变特殊样式

item.value}}.goodat{padding:010px;line-height:24px;border:1pxsolid#999;border-radius:5px;float:left;margin:2rpx
sinat_35539553·2023-12-01 03:19

微信小程序scrollview高度自适应

微信小程序中的scroll-view，如果纵向滚动的话，需要设置height，对于全局的scrollview，直接设置100vh就可以了，对于局部的，高度不能写死，只能自己计算了微信小程序为了适配，引入了rpx
韩zj·2023-11-30 13:58

uniapp使用地图

(){return{latitude:39.909,longitude:116.39742,covers:[{latitude:39.909,longitude:116.39742,width:'50rpx
砚言·2023-11-29 09:02

微信小程序设置顶部navigationBar为颜色渐变

{  "navigationStyle":"custom",  "enablePullDownRefresh":true },app.wxss.ns{  width:100%;  height:135rpx
郁美人·2023-11-29 01:53

微信小程序GridView列表

1.利用百分比%+浮动实现1.WXML文件{{item.content}}2.重点是样式wxss.gridview{margin:5rpx10rpx5rpx10rpx;}.gridview-item{margin
Android砖家·2023-11-28 06:51

《微信小程序开发从入门到实战》学习十三

单选投票多选投票在pages/index/index.wxss添加页面样式美化：.container{justify-content:center;/*在布局方向上居中*/}.btn{margin:20rpx
那长长遥远的路·2023-11-27 17:49

带你用uniapp从零开发一个仿小米商场_5. 公共样式编写,

添加高度和背景色,当然这个背景色可以在app.vue内添加page{/*设置page高,让每个页面的最小高度为整个视窗的高*/min-height:100vh;/*统一字体大小*/font-size:26rpx
Qayrup·2023-11-26 18:22

1.7 背景音乐播放

1、显示音乐播放图标1.1新增音乐播放图片post-detail.wxmlimage.png1.2添加音乐播放的CSS代码post-detail.wxss.music{width:110rpx;height
追梦小乐·2023-11-26 15:04

uniapp微信小程序系列（4）零散知识点总结

属性为例：//方法1：内嵌方式//方法2：变量绑定数值data(){return{mright:100}}//方法3：变量绑定对象data(){return{mright:{marginRight:'100rpx
黄泽平·2023-11-26 04:20

《微信小程序开发从入门到实战》学习六

2.3.7尺寸单位设置文字大小，使用pt（一个专用的印刷单位“点”）作为单位，设置容器或者组件的宽度、高度、边距时，使用rpx（相对的长度，根据屏幕宽度自适应）作为尺寸单位手机屏幕宽度375px,1px
那长长遥远的路·2023-11-25 10:32

微信小程序 （组件---基础内容组件）

icon图标组件progress进度条组件text文本组件拓展：富文本编辑器UE和UMrich-text富文本组件基础内容组件icon图标组件属性的长度单位默认为px，2.4.0起支持传入单位(rpx/
weixin_45343878·2023-11-25 06:32

微信小程序（组件---基础内容组件）

基础内容组件1.icon图标组件组件属性的长度单位默认为px，2.4.0起支持传入单位(rpx/px)icon图标组件type类型参数案例：success:success_no_circle:info:
wyk.wyk·2023-11-25 06:32

29.微信小程序（组件--基础内容组件）

progress进度条组件（3）text文本组件（4）拓展：富文本编辑器UE和UM（5）rich-text富文本组件基础内容组件（1）icon图标组件组件属性的长度单位默认为px，2.4.0起支持传入单位(rpx
web 沐·2023-11-25 06:32

31.微信小程序（组件 -- 基础内容组件）

progress进度条组件（3）text文本组件（4）拓展：富文本编辑器UE和UM（5）rich-text富文本组件基础内容组件（1）icon图标组件组件属性的长度单位默认为px，2.4.0起支持传入单位(rpx
web 沐·2023-11-25 06:32

微信小程序----基础内容组件

icon图标组件组件属性的长度单位默认为px，2.4.0起支持传入单位(rpx/px)icon图标组件type类型参数progress进度条组件组件属性的长度单位默认为px，2.4.0起支持传入单位(rpx
你爱我吗。·2023-11-25 06:02

微信小程序之 image图片自适应宽度比例显示

一、使用mode:widthFixwidthFix:缩放模式，宽度不变，高度自动变化，保持原图宽高比不变首先我们先设置image的mode为widthFix，然后给图片加一个固定rpx的宽度，比如700rpx
҉遗҉忘҉·2023-11-25 01:49

uni-app使用rem单位布局

问题描述：一般使用uni-app是开发移动端，但是根据需求需要开发pc端又想用uni-app的技术，pc端使用rpx会出现不兼容，所有使用rem布局；解决思路：uni-app提供了可以设置html标签字体的组件
击败不可能·2023-11-25 01:19

wx小程序 --- 可拖动的悬浮按钮

效果实现步骤1.首先我们得有个父的按钮/*悬浮按钮样式*/.suspend-btn{position:absolute;z-index:99;width:80rpx;height:80rpx;border-radius
Peach_Eiton·2023-11-24 22:16

微信小程序：实现可拖动悬浮图标（列表页添加按钮）

实现的效果截图主要代码.wxml图标.wxss/**可拖动悬浮按钮样式表**/.btn_Suspension{position:fixed;height:90rpx;width:90rpx;background-color
遇到问题不要慌·2023-11-24 22:15

原生微信小程序 实现鼠标拖拽的按钮效果

业务中需要实现鼠标拖拽一个按钮的功能，避免遮住页面中的内容，效果如下最终效果于是就封装了这样一个组件组件封装1.html部分2.css.gtn-container{position:fixed;/*bottom:200rpx
风清云淡_A·2023-11-24 22:11

微信小程序 修改默认单选，多选按钮样式

在微信开发者文档中复制一份单选或者多选的代码按钮1按钮1按钮12.根据情况复制单选或者多选代码即可index.wxss/*pages/index3/index.wxss*//*单选按钮样式*/.wx-radio-input{width:32rpx
矢目·2023-11-24 14:25

uni-app中的button按钮，去掉默认的灰色边框

uni-button:after{border:none;}//这里是对整体按钮定义样式uni-button{border-radius:$border-radius-sm;line-height:40rpx
lemontree-xy·2023-11-23 18:30

微信小程序用vant weapp组件设置圆角边框输入框

van-field{boder-radius：50rpx;}起初我把所有能试的方法都试了发现就是没有办法改变边框的样式，后来才发现框架有坑，我一直调的是van-field的样式，但其实还有一个看不见但存在的
燕哥学前端·2023-11-23 12:41

uni-app小程序 swiper 分页器样式修改

wx-swiper-dot-active选择器H5中使用uni-swiper-dot和uni-swiper-dot-active选择器.swiper{height:408px;margin-bottom:28rpx
陌上烟雨寒·2023-11-23 12:11
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他