rpx

移动端tree树

样式rpx也要改成pxtree树组件(QQ群：旧群没了，新群：801142650)-DCloud插件市场https://ext.dcloud.net.cn/plugin?
youmdt·2023-10-09 13:21

微信小程序超出文本显示省略号

-单行文本超出：(建议设置一个宽度，默认为100%).team-content{width:500rpx;display:-webkit-box;-web
紫~阳·2023-10-08 21:58

uniapp scss之mixin的全局引入

webkit-border-radius:$radius;-ms-border-radius:$radius;border-radius:$radius;}2.使用.cirle{@includeborder-radius(10rpx
菜鸟也能逆袭·2023-10-08 20:29

微信小程序开发尺寸规范

这样一来就不需要做过多计算，设计稿上是多少就是多少，比如设计稿有一元素是width:375px,height:100px，你只需要在wxss写width:750rpx,height:200rpx，因为这种情况下
HCJKK·2023-10-07 22:48

微信小程序开发——自定义堆叠图

代码/*WXSS*/.bigFoldBox{width:100vw;border-top:calc(1/360*750rpx)blackso
HCJKK·2023-10-07 22:16

微信小程序 rpx 转 px

前言略rpx转pxletquery=wx.createSelectorQuery();query.selectViewport().boundingClientRect(function(res){letrpx2Px
sayyy·2023-10-07 14:07

css--踩坑

flex-shrink:0;2.横向滚动（子元素宽度不固定）/*tab栏*/.swiper-tab{/*1.最外面的元素设置固定宽度；以及滚动*/width:100%;overflow-x:auto;height:116rpx
常安cc·2023-10-07 12:32

上传图片

上传单组图片单组图片.pngaxml申请材料acss.content{/*width:100%;*/box-sizing:border-box;margin-bottom:30rpx;/*margin:
南崽·2023-10-07 02:50

微信小程序 table表格 固定表头和首列 右侧表格可以左右滚动

1.2tabble.wxml排班上午下午晚上{{ditem.date}}{{ditem.day}}{{uitem.name}}1.2tabble.wxsspage{background:#f3f3f3;font-size:30rpx
雪芽蓝域zzs·2023-10-05 08:48

给微信小程序添加一个客服会话

/*pages/index/index.wxss*/.kf_button{background-color:rgba(255,255,255,0);border:0px;height:100rpx;right
乌云大帝·2023-10-02 17:55

仿照nike小程序的分类切换效果

先上效果图布局很简单主要是做切换的动画效果和轮播图高度自适应，先看一下xml代码XML{{item.title}}{{jtem.title}}wxss（这里的样式我用的是less）.container{.banner-body{width:640rpx
南墙倒·2023-10-02 13:51

小程序（二）

组件属性的长度单位默认为px，2.4.0起支持传入单位(rpx/px)。scroll-x：允许横向滚动。scroll-y：允许纵向滚动。
葛瑞丝·2023-10-01 20:55

【小程序】常用的样式

卡片样式.app-card{box-shadow:04px8px0rgba(0,0,0,0.2);transition:0.3s;border-radius:10rpx;background-color
狍子君·2023-10-01 17:06

uniapp实现自定义头部文字滚动字幕

{item.text}}CSS：.noticeBarBox{width:100%;position:fixed;left:0;top:0;.NoticeBar{width:100%;height:66rpx
New个对象.·2023-09-28 19:01

小程序二级分类

{{item.name}}{{item.name}}该分类暂无数据css.main{width:100%;height:520rpx;background-color:#fff;}.sss{background
前端开发小吴·2023-09-28 00:42

uni-app 通过 swiper 实现卡片滑动背景同步切换效果

组件也可以实现类似效果css样式：page{background-color:#FAFAFA;}.swiper-box{.swiper-bg{width:100%;position:absolute;height:500rpx
Days2050·2023-09-27 18:55

微信小程序如何做自适应（移动设备分辨率和rpx）

一个pt可以有一个px构成，也可以有2个，还可以有3个甚至更多组成如何做不同分辨率设备的自适应以iPhone6物理像素750*1334为视觉稿进行设计，而在小程序中使用rpx为单位iPhone6下1px
qq_37200686·2023-09-26 18:43

Scss使用（css预处理器）

定义变量定义变量，页面样式可以使用使用变量值scss变量不是延时加载，不可以先使用后定义变量插值格式：${变量名称}//使用$加变量名定义变量与值$bgColor:pink;$box-width:400rpx
Redundantº·2023-09-25 12:37

css3制作图形

顶部弧度.radian{width:100%;height:280rpx;background:linear-gradient(tobottom,#f6aa520%,#e9594e100%);clip-path
　康　·2023-09-25 09:59

微信小程序-实现签字板的效果（附代码和效果）

wxml重置确认{{text}}wxsspage{background:#f2f5f5;}.bg{width:686rpx;height:300rpx;margin:18rpxauto0auto;background-color
IU憨憨·2023-09-24 23:46

微信小程序授权登录页面（有提示窗）

1.4允许登录后，跳转到小程序首页2代码2.1wxml文件授权登录2.2wxss文件/*pages/userInfo/userInfo.wxss*/.header{/*样式文件配置*/margin:90rpx090rpx50rpx
长安情故人巷·2023-09-24 21:48

.uni-forms-item 样式在小程序中不起作用

.uni-forms-item样式在小程序中不起作用，在前面加上::v-deep::v-deep.uni-forms-item{margin-bottom:38rpx;padding:0rpx30rpx
lemontree-xy·2023-09-24 13:30

UNIAPP----tabs横向滑动选择效果

效果↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓可横向滑动，内容自己可填，点击变色{{item.name}}.dangantabs_wai{height:90rpx;background-color:#F2F2F2
weixin_44126737·2023-09-24 07:49

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

实战演练模板页面{{item}}样式编写.scroll-ls{margin-top:20rpx;padding:50rpx0;text-align:center;backgro
马克关·2023-09-24 03:07

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

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
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他