rpx

微信小程序如何修改radio和checkbox的默认样式和图标

/*默认背景样式*/.radio-item.wx-radio-input{width:32rpx;height:32rpx;background-color:#ffffff!
web小哥MrYang·2021-06-14 11:25

小程序wx.login和getPhoneNumber

image.png小程序登录页面需要获取当前微信手机号，button设置如下：wxml文件：js文件：data:{canClick:false}wxss文件：.wechatImg{height:110rpx
LFBoys·2021-06-11 12:26

WXSS

1.自适应单位rpx2.支持的选择器3.行间样式4.引入其他文件的样式5.全局样式与局部样式1.全局样式：定义在app.wxss中的样式为全局样式，作用于每一个界面2.局部样式：在page的wxss文件中定义的样式为局部样式
G_弦上的咏叹调·2021-06-10 22:56

wx 画布图片

letctx=wx.createCanvasContext("标签ID",this);//背景ctx.beginPath();ctx.drawImage("/static/images/bg.png",0,0,rpx2px
小凤年·2021-06-10 13:13

微信小程序webstorm格式化配置,解决rpx问题

打开设置Editor>FileTypea.html添加wxmlb.scss添加wxss文件类型.png文件类型1.png设置文件监听器,打开设置Editor>Tools>FileWatchers,由于rpx
marquess·2021-06-09 10:52

微信小程序尺寸单位rpx以及样式

rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。
傲世情缘·2021-06-08 00:36

小程序隐藏或自定义 scroll-view滚动条

css隐藏滚动条::-webkit-scrollbar{width:0;height:0;color:transparent;}自定义滚动条样式::-webkit-scrollbar{width:10rpx
爱如颖随形·2021-06-07 10:00

微信小程序把video固定在页面顶端的奇怪问题(视频移动，黑色底留下)

scroll-view,代码如下：….grid-box{width:100%;height:100%;display:flex;flex-direction:column;}.grid-const{width:750rpx
訫癡癡·2021-06-06 22:37

前端实用css代码片段

线性小三角```.rightArrow::after{content:'';display:inline-block;width:18rpx;height:18rpx;border:2rpxsolid#999
鱼鱼鱼鱼鱼er·2021-06-06 14:26

物理像素和逻辑像素区别

其实，小程序的rpx单位就是（物理像素/逻辑像素）1rpx=325/750=0.5px显示手机分
壹直卝注你·2021-06-04 13:39

小程序ios设置map圆角不生效的问题解决方案

在map组件上设置border-radius的同时，加个view外框，设置如下样式即可border-radius:8rpx;overflow:hidden;transform:translateY(0)
上帝说有bug·2021-05-25 11:04

微信小程序填坑之路（三）：布局适配方案（rpx、px、vw、vh）

rpx适配rpx是小程序中的尺寸单位，它有以下特征：小程序的屏幕宽固定为750rpx（即750个物理像素），在所有设备上都是如此1rpx=（screenWidth/750）px，其中scr
李益99·2021-05-16 19:20

px upx 和rpx

前言随着web前端技术的飞速发展，出现了越来越多的元素单位供大家选择和使用，如%、vw、vh、px、em、rem等等，笔者认为rem已经是前端使用的频率较高的自适应单位了，然而近几年又流行了rpx和upx
MC桥默·2021-05-16 16:48

【python前端小工具】：复制less/scss/stulys文件，将其中的rpx单位转换成vw单位

/src/less/{fileName}.less','r')aslines:text=""forlineinlines:if(lineandline.find("rpx")!
剑指流云·2021-05-16 14:57

Day2 移动设备的分辨率rpx

移动设备的分辨率rpx图片.png图片.png图片.png1px指的是物理像素点，和屏幕尺寸是没有关系的。1个pt可以有1个px构成，也可以有3个甚至更多的构成。
Hathaway_桉·2021-05-15 20:53

微信小程序中rpx与rem单位使用

原作者:小小小****来自:授权地址本文讲解rpx和rem应用于微信小程序，如果你还没有入门，建议先从下面看起：微信小程序官方文档webapp变革之remrpx单位官方文档rpx单位基础介绍如果看完上面几篇文章
扶桑木下·2021-05-13 00:48

微信小程序checkbox样式修改

token=1170421356&docid=0004267318cca8bded8659170510041.checkbox样式修改/*checkbox整体大小*/checkbox{width:240rpx
ZZES_ZCDC·2021-05-13 00:55

微信小程序check box修改默认样式

checkbox.wx-checkbox-input{border-radius:50%;/*圆角*/width:40rpx;/*背景的宽*/height:40rpx;/*背景的高*/}/*选中后的背景样式
三不小青年·2021-05-11 17:21

微信小程序Todolist demo

页面{{item.name}}XToggleall{{num}}itemsclearcompleted样式view{margin:auto;}input{width:400rpx;}image{width
Frazier_梁超·2021-05-10 19:27

微信小程序选项卡demo

页面{{item.name}}过去现在未来css样式.tabbox{display:flex;}.tabbox_children{flex:1;padding:20rpx;text-align:center
Frazier_梁超·2021-05-10 18:35

微信小程序下拉菜单

{item.text}}不限{{item_child.text}}wxss样式文件（比较乱，毕竟我主职是后端啊）.cxj-menu{background-color:#f5f5f5;width:750rpx
潘达橙·2021-05-09 21:56

微信小程序实现拍照和相册选取图片

pages/camera/camera.wxss*/.view1{height:25px}.tui-menu-list{display:flex;flex-direction:row;margin:20rpx
·2021-05-09 14:00

微信小程序实现录音Record功能

具体内容如下布局录音开始(aac)录音开始(mp3)录音结束播放录音样式：/*pages/record/record.wxss*/.tui-menu-list{flex-direction:row;margin:20rpx
·2021-05-09 14:00

微信小程序 加法计算器

calc",3、calc.wxml计算4、calc.wxss/*pages/calc/calc.wxss*/.container{justify-content:flex-start;padding:30rpx0
SkTj·2021-05-08 07:47

微信小程序新手留言板

微信小程序入简单留言板首先在home.wxml页面完成简单的布局点击提交{{index+1}}----{{item.msg}}删除css样式代码片段.box{width:500rpx;height:500rpx
有手就...卧槽我手呢·2021-05-06 21:27

微信小程序____屏幕适配 解析

wx.getSystemInfo({success:function(res){windowWidth=res.windowWidth;windowHeigth=res.windowHeight;px2rpx
OzanShareing·2021-05-06 15:51

【IT之路】微信小程序之美化

相关的样式文件后缀为.wxss下面我们看下index模块如何给按钮使用样式一、编写css样式在index.wxss文件中添加如下css样式代码/**index.wxss**/.resultData{width:128rpx
七星云-恒·2021-05-04 19:58

微信小程序实现选项卡滑动切换

*index.wxss**/.swiper-tab{width:100%;border-bottom:2rpxsolid#777777;text-align:center;line-height:80rpx
·2021-05-04 11:12

小程序中rpx与px

pt与pxpt称为逻辑分辨率pt大小与屏幕分辨率有关系，简单可以理解为长度与视觉单位px是指物理分辨率，与屏幕尺寸没有关系小程序中的rpx屏幕分辨率以iphone6的物理像素750*1334为视觉稿设计
听城·2021-05-01 19:52

微信小程序 scroll-view隐藏滚动条详解

而选择去掉滚动区域默认的滚动条，而在这里，就是为小程序去掉滚动条的其中的一种方法：scroll-view.wxml:scroll-view.wxss.recommend_scroll_x_box{height:245rpx
孤酒独酌·2021-05-01 01:01

miniPrograms(rpx)

当图像的width(以'rpx'为单位)=px时，用户视觉上最为舒服。图片发自App同屏幕尺寸下，4/4s是3GS像素密集程度的两倍。因而视觉上，清晰程度大大提升。
余生筑·2021-04-30 00:52

# 微信小程序开发之-基本UI

广告欢迎大家一起交流QQ群转战小程序132762067公众号我是jpgview属性如下：image.pngwxmlwxss.jx_card{width:100%;height:250rpx;background-color
GuangdongQi·2021-04-22 22:15

小程序实现自定义多层级单选和多选

本文实例为大家分享了小程序实现自定义多层级单选和多选的具体代码，供大家参考，具体内容如下效果：ps：这儿是用自定义的下拉框，我把它封装成了一个组件wxml{{curItem.name}}wxss.select-box{width:100%;padding:20rpx
·2021-04-21 13:37

小程序页面生成图片保存分享——笔记

z-index:1111;background-color:#f2f2f2;left:0px;top:0px}.canvas-save{position:fixed;z-index:9999;bottom:100rpx
超超级无敌大萌比·2021-04-19 06:01

微信小程序 wxss样式

1.尺寸单位rpx（responsivepixel）:可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。一般以iphone6屏幕做为视觉设计标准。
wanTag·2021-04-18 17:52

小程序通用列表

QQ截图20190718144528.pnghtml:菜单菜单菜单css:.nav-bot{width:100%;}.nav-bot-list{width:100%;height:150rpx;display
QWQ_64f9·2021-04-17 15:14

小程序 safe-area-inset-bottom

=0的case，1不生效时，可用22.本身有padding值，把padding-bottom一起计算进去padding-bottom:calc(15rpx+
summer_02d9·2021-04-15 10:48

微信小程序自定义scroll-view的实例代码

100vh;background:rgb(111,80,65)}.scroll-view{display:flex;width:100%;white-space:nowrap;padding-top:20rpx
·2021-04-14 20:52

css实现印章效果

//页面¥20新用户注册赠券2021.08.1223：59到期使用说明*本券为新用户注册奖励赠券已使用2021.08.0923:59.seal{width:160rpx;height:160rpx
妹汁也可以·2021-04-14 14:14

css实现票据效果

//bg为有圆角的白布.order-bg{width:100%;height:auto;background-color:#FFFFFF;border-radius:50rpx;position:relative
妹汁也可以·2021-04-14 00:30

小程序wx:for渲染实现动态切换样式

item.data_name}}{{item.name}}.appointent-date-div{display:inline-block;width:20%;text-align:center;margin-top:30rpx
努力让自己更自信·2021-04-12 23:49

uniapp自定义弹窗，可覆盖tabBar底部导航栏

效果：image.png代码：立即填写data(){return{fillOut:true}}.showTotal{.show{width:620rpx;position:fixed;left:0;right
吃肉肉不吃肉肉·2021-04-12 22:37

uniApp自适应手机屏幕高度

因为750rpx就是手机的宽度了，所以手机屏幕宽度就不说了//获取屏幕高度用res.screenHeightlet_this=this;uni.getSystemInfo({//异步获取。
可 乐 伢·2021-04-10 10:47

前端面试每日 3+1 —— 第716天

[css]px、em、rem、rpx区别和为什么使用62.5%；[js]举例说明DOM常用的操作方法有哪些？
·2021-04-02 09:49

前端面试每日 3+1 —— 第716天

[css]px、em、rem、rpx区别和为什么使用62.5%；[js]举例说明DOM常用的操作方法有哪些？
·2021-04-01 12:40

小程序 vant-weapp SwipeCell 滑动单元格样式问题

vant-weappSwipeCell滑动单元格样式问题如何引用SwipeCell组件不再赘述，vant-weapp官网**vanwebapp，有坑~话不多说，搞个样式就好了**.wxcss文件中,当然这里你可以用rpx
·2021-03-15 13:53

微信小程序开发篇之踩坑记录

这篇文章从实用性出发，记录了开发过程中的一些问题：1.样式优先级混乱在使用button组件时，发现在class中设置width不生效，下面贴上代码：.my-button{width:140rpx;height
·2021-03-13 01:56

微信小程序开发|视频弹幕评论

wxml:发送弹幕发送弹幕CSS.vbox{margin-top:120rpx;/*border:1pxsolidred;*/height:100%;width:100%;}.sectionvideo{
红色扛把子·2021-03-12 01:00

微信小程序input抖动问题的修复方法

有问题的录屏：经过尝试，修复问题：我是这样修复的：.dialog-input,.dialog-input-placeholder{height:80rpx!
·2021-03-09 22:41

组件 - 弹窗确认 - uniApp

$emit("ifYesOn",isYO);},},};1.3、Css部分view{font-size:28rpx;
web晨·2021-03-05 19:53
上一页 14 15 16 17 18 19 20 21 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他