rpx

小程序、网页 设置了全屏背景色，往下滑背景色就没了，变成白色

scroll;这样往下滚，背景色就还在，不会变白了.v-order-detail{height:100%;background:#F4F4F4;overflow:scroll;padding-bottom:10rpx
坐等夕阳落time·2023-09-24 01:46

rpx和rem

一、rpx：全称“responsepixel”，即响应式的px，rpx单位是微信小程序中css的尺寸单位，它可以根据屏幕宽度进行自适应。
Alvin_9d9c·2023-09-23 20:38

uniapp 内容展开组件

ref,reactive}from'vue'letisCollapse=ref(true)//是否展开控件//计算组件内容区域的高度constcalcHeight=()=>{//默认高度leth="70rpx
tingkeiii·2023-09-23 08:54

微信小程序(三)常用代码片段

1.去除按钮边框.contact_item{margin:20rpx;font-size:10pt;background:none!
二木又土·2023-09-23 03:01

小程序实现文字竖排展示

.clockin{width:104rpx;height:182rpx;line-height:104rpx;text-align:center;writing-mode:vertical-lr;//关键代码
初心w50t2·2023-09-21 12:32

微信小程序轮播图banner 当前图片放大

效果wxmlwxss.swiper-block{height:320rpx;width:100%;}.swiper-item{display:flex;flex-direction:column;justify-content
把我推进深海的你真善良·2023-09-20 18:21

04-11 rpx

https://blog.csdn.net/qq_31383345/article/details/52817807
无欲而为·2023-09-19 15:54

完整去掉滚动条仍然可以触摸滚动

.level2text{display:flex;width:555rpx;overflow-x:auto;//去掉滚动条//overflow-x横向overflow-y纵向margin-left:10rpx
Aurora_9e36·2023-09-19 01:39

px to rem & rpx & vw中文文档 |px自动转换rem插件

【pxtorem&rpx&vw】项目地址：https://github.com/cipchk/vscode-cssrem/blob/HEAD/README.zh-CN.md作者：卡色-cipchkhttps
橙-极纪元JJY.Cheng·2023-09-18 23:50

uniapp动态修改样式，使用style动态修改样式，避坑

经过查询后找到以对象的方式放入style中，代码如下：data(){return{echartClass:{height:"85upx"}}}不知道为什么无效，upx换车px，rpx也无效。
我乃世间蓬蒿人·2023-09-18 23:13

uniapp项目实践总结(十七)实现滚动触底加载

实战演练模板页面{{item}}样式编写.scroll-ls{margin-top:20rpx;padding:50rpx0;text-align:center;backgro
·2023-09-18 21:57

小程序车牌号模拟虚拟键盘选择。车牌号虚拟键盘。作为组件使用

1.新建组件carCity组件wxml书写{{carNo||'请输入车牌号码'}}{{item}}关闭{{item}}关闭清除/*chepai*/.carNo{font-size:30rpx;color
眼睛微微笑·2023-09-18 14:05

【微信小程序】关于页面中引入背景的两种方式

布局设计思路1.对于全局都需要的头样式写在app.wxss里面/*app.wxss*/.pubilcTitle{text-align:center;}.pubilcTitle.en{font-size:86rpx
进阶的CC·2023-09-18 06:31

【微信小程序】swiper的使用

1.swiper的基本使用/*index.scss*/.banner{padding-top:30rpx;swiper{height:460rpx;swiper-item{height:460rpx;image
进阶的CC·2023-09-18 06:30

【微信小程序】scroll-view的基本使用

|scss里面的.item:nth-child(1)index.wxml明星茶index.scss.scroll{padding:60rpx30rpx;scroll-view{white-space:nowrap
进阶的CC·2023-09-18 06:28

【微信小程序】文章设置

设置基本字体样式：行高、首行缩进 font-size: 32rpx;  line-height: 1.6em;  text-indent: 2em;  padding: 20rpx 0;  border-bottom
进阶的CC·2023-09-17 23:40

swiper 设置圆角真机不起作用解决办法，在父组件中添加下列代码

border-radius:20rpx;overflow:hidden;transform:translateY(0);
偷心_·2023-09-17 01:34

微信小程序movable-area+movable-view，自动吸附两边

二、实现方法1、wxml：点击会触发点击事件2、wxss：page{width:100%;min-height:100%;}.cont{padding-top:180rpx;width:100%;}.movable-area
下代码雨了·2023-09-16 06:34

微信小程序组件movable-area事件穿透，事件冒泡，movable-area遮盖/遮挡住其他元素之后点击事件不穿透/不冒泡解决办法

先上解决办法：.movable-area{position:fixed;top:0;left:0;width:750rpx;height:100%;pointer-events:none;}.movable-view
喜大普奔⁶⁶⁶·2023-09-16 06:04

微信小程序movable-area实现左滑删除

1.实现效果2.实现原理微信小程序自带组件movable-view，此节点为movable-area子节点，必须包裹在movable-area中，不设置宽高时候默认为10rpx。
苏苏哇哈哈·2023-09-16 06:04

uni-app 微信小程序movable-area遮盖 遮挡住 点击事件

拖拽在页面有点击事件的地方会覆盖住点击事件直接上代码：去接课data(){return{x:320,y:520,}},.movable-area{position:fixed;top:0;left:0;width:750rpx
高桥留·2023-09-16 06:00

uni-app实现卡片切换效果

position:relative;display:flex;align-items:center;overflow-x:scroll;overflow-y:hidden;width:100%;height:150rpx
小莉爱编程·2023-09-16 03:41

微信小程序超出两行或者多行显示省略号

important;-webkit-line-clamp:2;/*改成你想要的行号*/-webkit-box-orient:vertical;/*最好设置一下高度*/height:200rpx;
假装我不帅·2023-09-15 21:32

微信小程序总结

微信小程序总结一、开发前准备1.设计图关于设计图的尺寸，最好是让设计师给到我们前端的是750的设计稿，这样我们在书写的时候就可以直接将量到的尺寸加上rpx就可以了，不然需要进行换算，有的时候会出现小数的情况
wjing静·2023-09-15 12:13

css样式优先级问题

样式优先级问题.bg10AEFF{background-color:#10AEFF;}.crboxtwoLeftBox{width:20rpx;height:100%;background-color:
你看花·2023-09-14 22:52

小程序formid埋点

微信小程序无限formId无限发送模板消息保存formId修改原生button样式：（去除边框）button::after{border:none}绝对定位：{position:absolute;left:46rpx
暴躁的狮子头·2023-09-14 14:39

[每天进步一点点~] uni-app css 各种条纹背景、格纹背景、格子背景

1.条纹效果图：代码：exportdefault{data(){return{}},methods:{}};.test{width:100%;height:460rpx;background:linear-gradient
WYL_99·2023-09-13 20:41

uniapp progress进度条变成圆角代码 标签上添加border-radius不起效果

.uni-progress-bar{border-radius:3rpx;}.uni-progress-inner-bar{border-radius:3rpx;}
AF01·2023-09-13 19:05

uni-app小程序与app端的兼容问题

持续更新…uni-app单位问题：动态绑定的style不支持直接使用upxupx-小程序与app都支持rpx-小程序支持psupx换算使用：若设计稿宽度为640px，元素A在设计稿上的宽度为100px，
zaqenenen·2023-09-13 11:11

微信小程序自定义导航栏返回和标题

navbar.wxss.navbar{width:100%;//设置导航栏固定在顶部position:fixed;top:0;z-index:99;}.arrow-content{position:absolute;left:40rpx
user__luo·2023-09-12 10:53

uniapp，解决scroll-view嵌套scroll-view，被嵌套的scroll-view无法触发下拉刷新问题

在被嵌套的scroll-view中再嵌套一层view并且设置`min-height:calc(100vh+1rpx);...
MichstaBe Stars·2023-09-10 19:04

微信小程序开发 - 模板与配置

文章目录一、wxml模板语法1、数据绑定2、事件绑定3、事件传参与数据同步4、条件渲染wx:if5、列表渲染wx:for二、wxss1、rpx尺寸单位2、样式导入3、全局、局部样式三、全局配置1、window2
三个木马人·2023-09-10 15:04

小程序中的tab切换

1、小程序中的tab切换应该是很常用的东西，于是记录一下进行分享wxml代码资料交易wxss代码.swiper-tab{width:100%;text-align:center;height:85rpx
西红柿炒洋海兽·2023-09-10 14:07

解决安卓不能识别border 0.5px问题

relative;}div::after{content:"";display:block;position:absolute;width:200%;height:200%;border-radius:12rpx
爱你小前端·2023-09-10 09:02

微信小程序之上传图片功能

复制即可展示效果】点击上传图片/*wxss*/.contain{display:flex;flex-direction:row;justify-content:center;}image{width:200rpx
H.S.T不想卷·2023-09-10 07:46

轮播图横向和纵向同时滚动

轮播图横向和纵向同时滚动:0"style="margin-left:20rpx;position:fixed;margin-top:10rpx;z-index:9999;width:710rpx;border-radius
IT大师·2023-09-09 19:34

uniapp中view标题栏显示隐藏

一级导航栏✔二级导航栏三级导航栏四级导航栏五级导航栏.page{width:100%;.box{width:200rpx;height:200rpx;//background-color:pink;&:
MFG_666·2023-09-09 16:15

【微信小程序】简易音乐播放器，进度条拖拉、音乐的播放与暂停

小程序简易音乐播放器实现粗糙的页面设计：wxml部分：{{nowTime}}04:16{{isPlayText}}wxss部分：.test{width:90%;margin:auto;}.img{width:500rpx
叁五程序员·2023-09-09 16:19

uniapp nvue占满全屏样式

.最外层盒子的id/class{width:750rpx;flex:1;}nvue的css仅支持flex布局，nvue的css仅支持flex布局(官方原话)
心宽体胖的米六·2023-09-08 13:34

uniapp px转rpx适配

最近做了个小程序的项目之前用的是mpvue，做到一半发现挺多坑的，然后官方也不维护了。就想着换到uniapp。花几个小时搬迁到uniapp后发现px的适配出问题了。官方给的方案是：在src-mainfest.json中开启transformPx，试了下发现适配问题更大。于是在网上找了下方案。最好的方案就是：1、安装postcss-pxtorps-pro插件npminstallpostcss-pxt
唐_亮·2023-09-08 04:00

uniapp里textarea多行文本输入限制数量

methods:{//限制文本框字数sumfontnum(e){console.log(e)this.fontNum=e.detail.value.length}}}.inputs{height:170rpx
BJYXSZD-9185·2023-09-08 03:52

uni-app 学习笔记

注意事项背景图片不支持本地图片支持网络路径/base64格式字体同上也不支持本地字体rpa计算方式设计稿1px/设计稿基准宽度=框架样式1rpx/750rpx若设计稿宽度为750px，元素A在设计稿上的宽度为
·2023-09-07 21:37

Uni-app 中 rpx 用法

经常被UI怼后来才知道rpx这种牛逼的单位，但是看官网写的换算方法有点懵rpx是相对于基准宽度的单位，可以根据屏幕宽度进行自适应。uni-app规定屏幕基准宽度750rpx。
炫爱小七·2023-09-07 21:33

知识大杂烩(uniapp)

-`14rpx`:这是阴影的垂直偏移量，表示阴影垂直方向上偏
锅盖哒·2023-09-07 12:42

uni-app Scss使用data内的变量

$imgUrl}index/top.png)no-repeat`}},.top{&::before{content:"";display:inline-block;width:50rpx;height:
小杨小杨、努力变强！·2023-09-05 18:25

小程序多行省略

width:100%;padding-top:30rpx;overflow:hidden;display:-webkit-box;word-break:break-all;text-overflow:ellipsis
依耳私语·2023-09-05 11:22

DIV+CSS如何设置盒子圆角-左上_左下_右上_右下角-圆形

css样式{border-top-left-radius:32rpx;//左上角border-top-right-radius:32rpx;//右上角border-top-top-radius:32rpx
过了个羊·2023-09-05 11:27

uni-app 之 图片

/static/img/tabbar_home1.png"}},methods:{}}image{width:50rpx;height
jun_tong·2023-09-05 04:54

小程序开发-利用canvas实现保存二维码海报到本机

H5canvas使用api大部分一致，但由于小程序中没有DOM节点的概念，所以不能使用很多现成的工具库小程序canvas默认宽度300px、高度225px小程序canvas相关的api中单位为px，并非rpx
2B_LIS·2023-09-04 22:08

微信小程序pdf预览

pdf名称.record-style{margin:0;margin-top:15rpx;padding:0;text-align:left;background:#f2f2f2;font-size:26rpx
qq_27806371·2023-09-03 12:26
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他