rpx 第6页

13 | 小程序实战之意见反馈

你如果想自己自定义一个意见反馈界面可以看看这篇文章，可以上传图片的哟13.1效果13.2静态页面问题的种类功能建议购买遇到问题性能问题其他+提交page{background-color:#eeeeee;}.fb_main{padding:20rpx

༺鲸落༻·2023-10-31 06:38

uniapp 单位rpx ，设计稿尺寸px处理方式

1.使用postcss-px2rpx插件做全局的单位转换npminstallpostcss-px2rpx-Dnpm安装2.postcss.config.js修改module.exports={plugins

小吴头大·2023-10-31 05:19

【微信小程序】WXML的模板语法与WXSS模板样式

WXML的模板语法数据绑定小程序常用事件事件对象的属性列表条件渲染WXSS模板样式wxss和css的关系rpx样式导入全局配置tarBar页面配置WXML的模板语法数据绑定数据绑定的基本原则（1）在data

糖^O^·2023-10-29 10:08

微信小程序 switch 开关自定义大小样式、背景颜色

/*swtich整体大小*/.wx-switch-input{width:100rpx!important;height:57rpx!

黑睿·2023-10-29 08:07

微信小程序progress实现积分、等级条

1、圆角柱形条的样式实现，光给组件写上border-radius:60rpx是不行的，千万不能忘记overflow:hidden；正确的css写法为.prostyle{border-radius:60rpx

萌弈·2023-10-29 06:02

uniapp+uview1实现本地图片上传

2.css代码.pic{.pic_top{margin:10rpx0;font-size:30rpx;display:flex;align-items:center;

JJ_Smilewang·2023-10-29 06:56

上传多组图片

多组图片.pngaxml申请材料*{{item}}acss.content{/*width:100%;*/box-sizing:border-box;margin-bottom:30rpx;padding

南崽·2023-10-28 23:53

uniapp开发小程序小米手机真机bottom:0无效底部间隙设备安全区域处理办法

uniApp自定义导航CSS设置bottom:0竟然无效，而iphone和开发模拟器没有问题height:150rpx;position:fixed;left:0;right:0;bottom:calc

xyphf_和派孔明·2023-10-28 12:13

uniapp开发app，在ios真机上出现的css样式问题

问题一：border:1rpx造成边框显示不全在iphone13上border边框有一部分不显示：在iphonexR上显示正常：解决办法是：将border边框设置中的1rpx改为1px，1rpx无法被有效识别为

D_lunar·2023-10-28 00:18

微信小程序开发手机商城部分代码（不包括支付功能）

1.搜索框(searchinput)#wxss.search_input{height:90rpx;padding:10rpx;background-color:var(--themeColor);}.

雾止不见君·2023-10-27 20:30

uniapp使用css方法来实现盒子的放大再到缩小动画

{}},methods:{}}.content{position:relative;width:100%;height:100vh;}.largen{position:absolute;top:770rpx

荀鼠不是·2023-10-27 11:34

rem、em、px、rpx、vw、vh、%等

rem含义rem是CSS3的新标准，也是相对的长度单位。值是相对于根元素的字号大小来说的。根元素的字号大小为20px时，某个子元素的宽度为8rem，即为20x8=160px作用主要是为了用于移动端屏幕适配。一般情况下，移动端的UI设计稿有640px和750px两种宽度，想要适配多种情况下的屏幕，就必须使用相对单位，而rem就是最好的选择。媒体查询先使用媒体查询，判断屏幕大小，再将屏幕宽度均分640

前端SkyRain·2023-10-26 14:32

【前端基础】整理常见的单位 px em rem % vw vh vmin vmax rpx

基本单位单位计算方式简介px标准像素优点兼容性最好，缺点没有弹性，对于过大过小屏幕显示效果不好emfont-size元素大小1em等于font-size的大小（font-size默认为16px）不常用，利用font-size属性可以继承的特点。remhtml元素大小1rem等于html的大小，如html大小为100px，0.1rem就等于10px，常用。%父元素大小常用，很好理解，父元素的百分比。

-Microdust·2023-10-26 14:00

css overflow-x: scroll 滚动不展示/隐藏滚动条 /如何滚动

overflow-x:scroll实现滚动效果.scroll{width:300rpx;height:100rpx;//超出部分隐藏overflow-x:hidden;//禁止换行white-space

桃雾..·2023-10-26 14:00

css中px、em、rem、%、vw、vh、vm、rpx 这些单位的区别

序言px：像素相对长度单位，相对于显示器屏幕分辨率(推荐使用)em：相对长度单位基准点为父节点字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的值。rem：相对单位可理解为”rootem”,相对根节点html的字体大小来计算，CSS3新加属性，chrome/firefox/IE9+支持。vw：viewpointwidth，视窗宽度，

曦月合一·2023-10-26 14:25

微信小程序：点击按钮出现右侧弹窗

fixed;top:0;right:0;bottom:0;width:90%;background-color:#fff;z-index:9999;border-bottom-left-radius:15rpx

雯0609~·2023-10-26 02:25

小程序去掉默认button样式

important;font-size:28rpx;padding:0;background-color:#fff!

郭玉齐·2023-10-25 12:01

微信小程序改变swiper指示点颜色形状位置

important;top:460rpx;}.wx-swiper-dot{height:12rpx;width:12rpx;}/*选中前*/.wx-swiper-dot{width:12rpx;height

郭玉齐·2023-10-25 12:01

小程序 swiper滑动层叠滑动效果

区域为展示区域，数字2为下一个展示模块{{item}}{{orderTip[orderIndex+1]}}.h_od_swiper{/*border:1rpxsolidblack;*/width:450rpx

郭玉齐·2023-10-25 12:23

css模糊背景

width:100%;height:140rpx;background-image:-webkit-gradient(linear,lefttop,leftbottom,from(rgba(255,255,255,0

Dread_lxy·2023-10-23 23:38

uni-app 小宠物 - 会说话的小鸟

在template中在style中.container{$overall:#0097d9;//整体背景//眼睛部分$eyeBoxShadow:8rpx16rpx10rpxrgba(0,0,0,0.2);

UserGuan·2023-10-23 21:26

2018-07-11 小程序轮播指示点样式修改

swiper.wx-swiper-dots.wx-swiper-dots-horizontal{margin-bottom:2rpx;}swiper.wx-swiper-dot{width:40rpx;

红烧牛腩·2023-10-23 13:46

微信小程序：纵向步骤条

vant-weapp组件的图标组件wxml代码第{{item.text}}期供应实供时间：{{item.plan}}应供时间：{{item.desc}}wxss代码.stepBox{padding:8rpx32rpx32rpx16rpx

ruoyan8899·2023-10-23 10:38

小程序用vScode使用less

设置里面的settings.json文件添加"less.compile":{"outExt":".wxss"}calc(100vh-90rpx)如果是less那么就是height：～"calc(100vh

晨曦景雪·2023-10-23 07:20

微信小程序radio自定义样式

效果图image.pngradio样式guanfang官方文档样式定值记录检查记录wxs样式/*未选中的样式*/radio.wx-radio-input{width:35rpx;height:35rpx

余檬哒·2023-10-23 07:55

搞个微信小程序002：个人信息

：男特长：编程爱好：佛法，中医index.wxss:/**index.wxss**//*头像区域的样式*/.top{background:#0a87ec6e;width:100%;padding:30rpx0

搞IT的锋·2023-10-22 16:23

微信小程序 button内多行文字垂直居中、短信倒计时

1.wxml{{yzm}}2.wxss实现button内多行文字垂直居中.btn_yzm{font-size:24rpx;color:#EB602E;border:2rpxsolid#EB602E;background-color

中v中·2023-10-22 15:39

微信小程序设计稿的尺寸

rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。

剑圣_盖小聂·2023-10-22 15:18

uniapp开发小程序如何修改picker选中样式及选中字体样式

multiSelector')}}{{getItemValue(item1,'multiSelector')}}//picker选中的样式/deep/.picker-box{width:100%;//height:96rpx

大力水手~·2023-10-22 14:23

uview笔记

layout布局篇1.尽量不要用gutter,代替方案如下：.demo-layout{padding:10rpx;}要点外部包裹设置overflow:hiddenu-row使用customStyle属性设置

星星野源·2023-10-20 19:03

uview组件使用笔记

图标样式修改图标的样式通过color参数修改图标的颜色通过size参数修改图标的大小，单位为rpx效果图图片图标1.3.0这里说的图片图标，指的是小图标，起作用定位为"icon"图标作用，而非大尺寸的图片展示场景

王家视频教程图书馆·2023-10-20 19:28

微信小程序全栈开发实践第二章微信小程序组件介绍及使用 -- 2.1 icon组件介绍，及如何自定义实现图标

一、icon组件size：支持两种单位，rpx与px，px数值类型，默认使用rpx是屏幕自适应单位，rpx把屏幕分为750个单位，每个单位是1/750,在iphone6机器上，屏幕宽度=350px，1rpx

weixin_42580704·2023-10-20 19:16

uniapp 小程序优惠劵样式

先看效果图上代码10元优惠劵满120元可用有效期至：2023-10-30立即使用.coupon{width:100%;.tickets{display:flex;//padding:20rpx;width

贪吃蛇2120·2023-10-20 16:10

微信小程序学习笔记三

WXSS样式文件组成项目公共样式：会被注入到小程序的每个页面；页面样式：与app.json注册过的页面同名且位置同级的WXSS文件；其他样式：可被项目公共样式和页面样式引用，尺寸单位rpx，以375个物理像素为基准

mm jiao·2023-10-20 16:35

【前端小程序】06 - 购物车页面

1.添加收货地址按钮1.1页面结构与样式页面结构：添加收货地址页面样式：.cart{.address_btn{padding:20rpx;button{color:var(--themeColor);width

itlu·2023-10-20 13:44

关于小程序button控件上下边框的显示和隐藏问题

button控件上下有一条淡灰色的边框，在空件上加上了样式border:(none/0);都没办法让button上下的的边框隐藏：代码如下.con_listbox{width:100%;height:120rpx

端木安玉·2023-10-20 10:52

WebStrom对于rpx爆红的解决方法

WebStrom对于rpx爆红的解决方法问题场景：在使用WebStrom编写CSS样式代码时，经过快捷键格式化后代码CSS变无效了！

知识汲取者·2023-10-19 23:31

常用且容易遗忘的 CSS 样式清单

1、文字超出部分显示省略号单行文本的溢出显示省略号（一定要有宽度）p{width:200rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap

会飞的贼er·2023-10-19 22:39

微信小程序实现横屏展示

pageOrientation":"portrait"（默认）实现自动切换横竖屏只需要在page的json页设置"pageOrientation":"auto"这样就能横屏了，但要注意一点，竖屏切到横屏rpx

盛国强·2023-10-19 20:22

小程序跑马灯

}}{{list[swiperIndex]}}wxss.marquee-swiper{height:100%;}.text-item{box-sizing:border-box;padding:020rpx

7d8d3104a404·2023-10-19 16:37

uniapp map盒子设置圆角

uniappmap盒子设置圆角overflow:hidden;.map-container{border-radius:10rpx;overflow:hidden;}.map{width:100%;height

造梦者FZ·2023-10-19 16:51

微信小程序仿苹果负一屏由弱到强的高斯模糊

查看模糊效果一、创建小程序组件二、代码wxml:wxss:.topBar-1{position:absolute;width:100%;height:190rpx;z-index:150;backdrop-filter

Garc·2023-10-19 08:29

微信小程序小项目前端实战内容

3、关键组件的学习与应用1、头部搜索框.wxml搜索.wxss.search_input{height:90rpx;paddi

正曦08·2023-10-19 07:36

微信小程序修改van-popup的背景颜色

custom-style里面修改即可；手机号快捷登录阅读并同意《用户信息授权书》、《卖家云SaaS系统服务协议》样式代码，包括同意协议勾选前后的样式，.herad.wx-login-btn{margin:80rpx064rpx0

暴富的im·2023-10-18 15:56

uni-app 首页瀑布流布局

{{parsePrice(item.oriPrice)[1]}}.pubuBox{padding:22rpx;}.pubuItem{column-count:2;column-gap:2

3天饿九顿·2023-10-18 03:49

微信小程序wxss动态变量的写法动态主题色配置~TuT~超简单哦

wxml中wxss中.bar-left{/*width:100rpx;*/width:var(--width--);background-image:linear-gradient(toright,#2458FF

李宏伟~·2023-10-16 00:32

【css】关于css样式中border-radius和border-image不兼容问题

LogOut.out{margin:0auto10rpx;width:336rpx;height:64rpx;box-sizing:border-box;border-image:linear-gradient

嘿，小苹果·2023-10-14 22:19

什么是rpx尺寸单位？

rpx（responsivepixel）响应单位rpx是微信小程序独有的、解决屏幕自适应的尺寸单位可以根据屏幕宽度进行自适应，不论大小屏幕，规定屏幕宽为750rpx通过rpx设置元素和字体的大小，小程序在不同尺寸的屏幕下

小鱼儿同学啦·2023-10-14 16:44

【小程序】什么是rpx

rpx：是微信小程序独有的，解决屏幕自适应的尺寸单位可以根据屏幕宽度进行自适应，不论屏幕大小，规定屏幕宽为750rpx，通过rpx设置元素和字体大小，小程序在不同尺寸的屏幕上可以自适应适配rpx与px之间的换算以

蟹黄汤包_·2023-10-14 16:44

微信小程序中rpx

rpx是为了解决微信小程序屏幕宽度自适应问题产生的尺寸单位，是微信小程序独有的尺寸单位，rpx（responsivepixel）:可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。

阳关的美好·2023-10-14 16:10

推荐频道

rpx