rpx

小程序 iphonex 底部安全区域

可以用padding-bottom:env(safe-area-inset-bottom)解决.backToTop{position:fixed;bottom:120rpx;right:30rpx;width
不负好时光·2020-12-09 17:32

程序使用canvas二维码保存至手机相册

小程序使用canvas二维码保存至手机相册在使用canvas绘制海报的过程中不建议使用原生来进行画图，因为默认是不支持rpx像素的，px不会做到自适应。
甜土豆·2020-11-27 17:07

微信小程序3D轮播图

2、上代码wxmlwxss.swiper_wrapper{margin-bottom:34rpx;}.swiper_two{width:100
一羊迁徙·2020-11-27 10:11

微信小程序实现简单的select下拉框

type:'选择商户类型'}}{{item}}wxss:.sanjiao{width:18rpx;height:10rpx;margin-left:20rpx;transition:0.5s;/*选转图片过渡
·2020-11-23 12:03

小程序switch 组件自定义

实现效果使用小程序原生组件，对switch进行样式修改缺点：宽高增加的话，增的那部分点击切换时不太灵敏方法一：直接修改css样式/*swtich整体大小*/.switch-item{width:105rpx
ぃ老情歌·2020-11-19 11:10

小程序自定义弹框效果

本文实例为大家分享了小程序自定义弹框效果的具体代码，供大家参考，具体内容如下wxml来点我呀弹窗标题标题标题标题标题备注确定wxss/*button*/.btn{width:80%;padding:20rpx0
·2020-11-19 11:11

小程序switch 组件自定义

实现效果使用小程序原生组件，对switch进行样式修改缺点：宽高增加的话，增的那部分点击切换时不太灵敏方法一：直接修改css样式/*swtich整体大小*/.switch-item{width:105rpx
ぃ老情歌·2020-11-19 10:55

微信小程序实现加入购物车滑动轨迹

本文实例为大家分享了微信小程序实现加入购物车滑动轨迹的具体代码，供大家参考，具体内容如下index.wxss.good_box{width:80rpx;height:80rpx;position:fixed
·2020-11-18 13:06

微信小程序实现日历小功能

具体内容如下代码{{currentDate}}一二三四五六日{{vo}}{{vo}}{{vo}}=1}}">CSS：/*日历*/.gradient{background:#fff;margin-bottom:16rpx
·2020-11-18 13:59

css 实现涟漪效果

，需要一个闪动的涟漪效果，很简单的效果代码及思路如下html代码：circle为内置黄色圆圈，ripples为由内向外扩散的波纹css代码：.circle{position:fixed;top:300rpx
海底橡树屋·2020-11-17 11:22

CSS学习----px、rpx、em、rem、%、vw、vh、vm的区别

作用：px设置固定的布局或者元素大小rpxrpx(responsivepixel)  微信小程序解决自适应屏幕尺寸的尺寸单位微信小程序规定屏幕的宽度为750rpx。
扮猪老虎吃·2020-11-16 16:16

纯css3实现横向无限滚动

display:flex;display:-webkit-flex;}.scrollbox{margin:30px;text-align:center;border:1pxsolidblue;height:220rpx
流年朝朝·2020-11-13 11:36

支付宝小程序开发填坑

智能客服原生组件，文字样式自定义，需要将原生组件设置opacity:0;绝对定位覆盖到自定义的标签上2、1rpxborder显示不全的问题，如果自身或父容器设置了margin或者padding为奇数，那么设置的1rpx
Dontworry_0131·2020-11-13 11:45

【前端微信小程序】第七章 样式WXSS

与CSS相⽐，WXSS扩展的特性有：响应式⻓度单位rpx。样式导⼊。1.尺寸单位rpx（responsivepixel）:可以根据屏幕宽度进⾏⾃适应。规定屏幕宽为750rpx。
itlu·2020-10-27 22:28

微信小程序实现左侧滑动导航栏

2、这是我们左侧滚动栏的代码wxml{{item.name}}3,、我们滚动栏的css样式wxss/*左侧导航栏*/.under_line{width:100%;}.scrollY{width:200rpx
DJxyyy·2020-10-21 23:32

完美解决小程序中css样式中calc计算无效的问题

最近在写小程序项目，遇到calc计算无效：.viewOne{height:calc(100vh-30rpx);}.viewTwo{height:calc(100%-30rpx);}在浏览器查看样式的时候
武清伯MVP·2020-10-16 00:34

css图片文字对齐

图片文字对齐{{item.yuanyin}}css部分.fail{.img{border-radius:10rpx;//对齐vertical-align:middle;}.font{font-size:
零月§连芯@·2020-10-10 13:59

小程序第三弹 wx.request(OBJECT)方法

input值，页面标签如何隐藏和显示，表单的提交方法，页面代码请输入信息查询x{{name}}样式文件代码/*pages/test/test.wxss*/.height_class{margin-top:30rpx
玲珑花·2020-10-09 13:21

微信小程序中自定义组件的使用-本文以微信小程序抽奖自定义组件为例进行说明

26':'30'}}rpx;line-height:{{item.name.length>9?'26':'30'}}rpx;width:{{awardsC
程序媛-且行且学·2020-09-25 14:07

微信小程序实现签到弹窗动画

：.wxml签到签到成功获得0积分好的.wxsspage{background-color:#ccc;}view{box-sizing:border-box;}button{margin-top:50rpx
·2020-09-21 11:06

微信小程序学习---view-scroll的使用注意事项

并设置white-space:nowrap;一定要将scroll-view容器的每一项都设置宽度和display:inline-block.a-scroll{width:100%;height:300rpx
guxiansheng1991·2020-09-17 16:53

微信小程序设置按钮样式

这是无效的代码：button{height:90rpx;width:100%;color:white;font-size:30rpx;background-color:rgb(248,61,28);}解决方案
袁小明同学·2020-09-17 16:43

微信小程序—checkbox样式修改（图文）

微信小程序—checkbox样式修改效果图：/*checkbox整体大小*/checkbox{width:48rpx;height:48rpx;border-radius:50%;border:10rpxsolid
Poppy_LYT·2020-09-17 15:19

微信小程序公告(文字滚动)具体实现:

具体实现代码如下:****index.wxml:****{{item.title}}**index.wxss:**.swiper_com{height:50rpx;width:100vw;}.swiper_item
浅殇忆流年·2020-09-17 15:48

微信小程序 实用的公告栏滚动效果

所以在这里用图片表示抱歉.）ps.class自己可以另定义名字，方便自己以后修改.接下来就是正题了，咱们来看样式是怎么定义的..srcoll_view{position:absolute;top:16rpx
萧逸晨·2020-09-17 15:47

微信小程序开发 px转换rpx

接下来先让我们了解一些概念然后再来了解rpx转换px的换算。像素：像素是图像的基本采样单位，它不是一个确定的物理量，因为像素点的物理大小是不确定的。
官方哈哈·2020-09-17 15:13

微信小程序重写checkbox的样式，将方块变成圆形 css

/*重写checkbox样式*//*未选中的背景样式*/checkbox.wx-checkbox-input{border-radius:50%;/*圆角*/width:46rpx;/*背景的宽*/height
HerayChen·2020-09-17 15:12

微信小程序监听左右滑动

效果图如下所示.wxml测试内容.wxssview{width:100%;float:left;overflow:hidden;height:200rpx;line-height:200rpx;text-align
换日线°·2020-09-17 15:40

微信小程序 swiper滑动导航

未使用已使用已过期2.css/*swiper*/.swiper-tab{display:flex;border:1rpxsolid#EFF2FF;background:white;/*margin-bottom:35rpx
nikigyq·2020-09-17 14:13

微信小程序使用swiper制作左右滑动tabs导航

首先我们先来看一下效果吧很简单wxml{{item.title}}wxss/*tabs-nav*/.tabs-nav{width:100%;height:442rpx;background:#ffffff
青衫折扇·2020-09-17 14:08

微信小程序 完美修改checkbox/radio样式

.修改checkbox样式/*重写checkbox样式*//*未选中的背景样式*/checkbox.wx-checkbox-input{border-radius:50%;/*圆角*/width:40rpx
欧巴酱·2020-09-17 09:02

单个view水平居中，垂直居中

.cc{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:35rpx;position
fengcai0123·2020-09-17 08:13

微信小程序checkbox样式修改

/*checkbox选项框大小*/checkbox.wx-checkbox-input{width:36rpx;height:36rpx;border-radius:50%;}/*checkbox选中后样式
linanran1027·2020-09-17 05:36

小程序开发过程中常见问题[微信小程序、支付宝小程序]

background-image支持网络的图片链接或者base64二、使用自适应单位rpx类似于rem,布局尽量使用flex布局UI设计模版要按750宽出图三、万能的{{双大括号，用于在模版中输出变量样式
深蓝互联·2020-09-17 05:11

html+css 在图片上添加文字

component/page/index.wxss*/.container{display:flex;flex-direction:column;align-items:center;margin-top:30rpx
weixin_30602505·2020-09-17 00:10

小程序scroll-view及wx-request获取api数据

1.小程序内静态页完成及样式处理//index.wxml电影哥斯拉//index.wxss.movie-showing{padding:20rpx;background-color:#42bd56;}.
lemon94924·2020-09-16 23:43

小程序image宽高自适应

首先我们先设置image的mode为widthFix，然后给图片加一个固定rpx的宽度，比如：730rpx。这样图片也可以自适应了。。因为小程序的rpx本身就是一个自适应
just_a_dream_·2020-09-16 23:58

px、物理像素、rem、rpx的关系

在开发中，我们常用的几个尺寸的单位，就是px，rem，微信小程序中会用到rpx，可能你不理解它们的关系也能用起来，但想避过与单位有关的一些坑，你就得深入理解他们。
sky-code·2020-09-16 15:30

uniapp 自定义组件Style无法使用

模拟exportdefault{data(){},};#nodes{background-color:#f8f8f8;border-radius:4rpx;margin:20rpx30rpx;}解决方式具体的原因目前尚且不知道
一名假人·2020-09-16 14:50

uni-app尺寸单位

uni-app支持的通用的css单位包括px、rpx1、px即屏幕像素2、rpx即响应式px，一种根据屏幕宽度自适应的动态单位，以750宽的屏幕为基准，750rpx恰好为屏幕宽度，屏幕变宽，rpx实际显示效果会等比放大
zf118·2020-09-16 13:16

微信小程序

创建页面//app.json{pages:[//page目录/test文件"pages/test/test"//添加路径]}1.2样式导入/*app.wxss全局样式iphone6实际宽度是750px,听的rpx
web宁爸爸·2020-09-16 12:45

微信小程序 uniapp 轮播图 swiper 自定义指示点 dot样式

效果图：html代码：css样式：.img-swipe{width:690rpx;height:320rpx;border-radius:16rpx;}.ad-imgs{width:100%;height
RosaChampagne·2020-09-16 11:00

WXSS--微信开发文档

与CSS相比，WXSS扩展的特性有：尺寸单位样式导入尺寸单位rpx（responsivepixel）:可以根据屏幕宽度进行自适应。规定屏
Sakura_Lxy·2020-09-16 10:18

微信小程序 播放音频

wxml：0}}">{{formatedPlayTime}}wxss：/*传语音*/.audio{display:flex;position:relative;height:140rpx;line-height
online-oliver·2020-09-16 09:08

【CSS】解决父元素display:flex布局下的子元素宽度无效问题

flex;导致block布局变成了flex布局，所以如果想要在已经设置了flex布局的基础上，再进行子元素宽度的设置，可以应用下面的样式：（在该子元素上设置）flex-shrink:0;width:100rpx
qing_小诺·2020-09-16 03:34

小程序筛选页面

wxss.van-tree-select{height:500px;overflow-y:auto;}.popupBox{height:auto;}.popupBox_Cancel{float:left;margin-left:10rpx
dingtuo8679·2020-09-16 02:29

微信小程序实现转盘抽奖

border:1pxsolid#ffcccc;border-radius:50%;height:300px;position:relative;overflow:hidden;font-size:26rpx
换日线°·2020-09-16 01:35

机器学习——高斯过程

高斯过程所谓高斯，即高斯分布所谓过程，即随机过程高斯分布一维高斯p(x)=N(μ,σ2)p(x)=N(\mu,\sigma^2)p(x)=N(μ,σ2)高维高斯多元高斯分布——高斯网络x∈Rpx\in\
mh_mpc·2020-09-16 01:13

微信小程序幻灯片效果实现

swiperindex.wxmlindex.wxss/*图片宽度设置*/.img{width:100%;}/*设置三个小点的位置*/.bannerswiper{width:100%;height:230rpx
刘远山·2020-09-16 00:48

微信小程序自定义顶部渐变色

自定义顶部渐变色效果图：.json"navigationStyle":"custom"wxml标题提交取消wxss.view_top{width:100%;height:160rpx;position:
wy313622821·2020-09-15 18:23
上一页 16 17 18 19 20 21 22 23 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他