rpx 第12页

小程序实现select下拉框选择器

300:selectData.length*60):0}}rpx;'>{{item}}wxsspage{background:#f3f7f7;}.select_box{background:#fff;width

萧—Μουσαι·2023-06-21 08:11

小程序--自定义轮播圆点

轮播圆点样式修改*/.swiper-box{position:relative;width:100%;}.dots{position:absolute;left:0;right:0;bottom:20rpx

中建云筑股份有限公司·2023-06-19 19:53

样式定义

1、微信宽度自适应，定义屏幕宽度是750rpx，不管它实际宽度为多少，750rpx即为整屏宽度。会根据屏幕大小来实际调整容器宽度。

小红猪大鼻孔·2023-06-19 00:06

小程序图片设置宽高的方法

1.image组件默认宽度300px、高度225px；2.css设置宽高（尺寸最好为rpx，更适应屏幕）3.mode设置缩放模式（13种）样式设置宽度100%添加属性mode="widthFix"4.套在

文朝明·2023-06-18 11:22

css如何设置input的placeholder样式

方式1：以上代码只要申明placeholderStyle的样式即可：.placeholderStyle{font-size:30rpx;color:#efcc72;}方式2，这个方法比较野，有些环境下还不一定生效

得知此事须躬行·2023-06-18 06:01

Webpack 插件实现 CSS 样式尺寸单位转换

Webpack插件实现CSS样式尺寸单位转换实现方式一插件代码以下是编写的一个Webpack插件，用于将样式文件中以rpx为单位的值转换为以px为单位的值（换算比率为1px=2rpx）：constpluginName

飞仔FeiZai·2023-06-15 15:18

微信小程序漂亮按钮（中间矩形两端半圆形）

.wxsswidth:400rpx;height:100rpx;border-radius:100rpx;background-color:pink;color:white;line-height:100rpx

加倍努力中·2023-06-14 10:20

uniapp兼容ipad平板配置

uniapp开发后，ipad或其他平板时候，rpx（upx）兼容性有问题，内容过小，没有自适应屏幕。

搬砖的前端·2023-06-14 01:31

uni.getUserProfile获取的微信昵称是微信用户，头像获取的是默认头像

小程序用户头像昵称获取规则调整公告|微信开放社区解决效果：代码：邀请您补全个人信息如果已设置，请忽略头像昵称取消确认data(){return{dialogStyle:'border-radius:16rpx

maxiaole_z·2023-06-14 01:38

css实现边框：圆角+渐变

网上搜的说的太多，自己记录下.list{display:flex;flex-direction:column;border:solid2rpxtransparent;border-radius:12rpx

maxiaole_z·2023-06-14 01:07

微信小程序实现瀑布流布局效果

人民的石头·2023-06-13 20:46

小程序开发笔记

WXSS尺寸单位rpx在网页开发中使用过lib-flex(可伸缩布局方案)，看到这个单位真是很惊喜。开发时，可以使用postcss插件wx-px2rpx将px转换成rpx。ba

·2023-06-13 19:13

uniapp适配问题

原文链接：https://blog.csdn.net/weixin_52312684/article/details/125218453一.计算公式设计稿1px/设计稿基准宽度=框架样式1rpx/750rpx

曾许人间第仪流·2023-06-13 06:28

小程序之scroll-view用法

小程序之scroll-view用法水平滚动123.box{width:100vw;hight:200rpx;/*white-space不能丢*/white-space:nowrap;border:1pxsolidred

兔子___·2023-06-12 19:53

微信小程序==>定义轮播图swiper dots默认样式

htmlwxss.swiper-container{position:relative;}.swiper-container.swiper{height:300rpx;}.swiper-container.swiper.img

想做一个画家·2023-06-12 19:17

css画半圆环

.circlr_css{position:relative;display:flex;justify-content:center;.a{width:200rpx;height:200rpx;background-color

程序媛之博客·2023-06-12 18:20

项目README文件的书写示例

如何书写一个好的readme文件呢，下文是以小程序wepy框架开发的项目为例##规范一、样式还原按设计稿基准机型100%还原，其他机型做适配主题字体、颜色等设置全局变量长度单位rpx(不再设定变量转换)

xiaofiy·2023-06-12 18:26

iphone尺寸大全

而在微信开发工具中，默认使用的是rpx，1rpx等于0.5px。因此，在进行开发时，需要对不同的单位进行换算和适配。

T3165919332·2023-06-12 15:02

关于小程序如何长按复制长文本的方法(比较简单的一种)

downLink{margin-top:20rpx;color:#2969F6;word-break:break-all;padding-left:20rpx;padding-r

⁡⁠⁢⁢⁡·2023-06-12 07:29

轮播图上添加不跟随滑动的标题

{{custname}}.swiper-container{position:relative;}.swiper{height:360rpx;}.swiper-container.swiper{height

风规自远·2023-06-12 03:37

关于设计图为640，使用小程序的rpx问题

代码锋·2023-06-10 10:24

微信小程序实现A-Z导航的Slidebar

}{{currentKey}}slidebar.wxss/*components/slidebar/slidebar.wxss*/.slidebar{position:absolute;right:0rpx

DrJasonZhang·2023-06-10 07:24

webstorm+小程序相配合来开发小程序

前言：webstorm可以安装的一个小程序插件：wechat-miniprogram-plugin，来实现小程序语法的高亮，并识别rpx这种小程序专有单位，还可以实现跟开发者工具中一些类似的操作功能。

浩星·2023-06-09 16:22

scroll-view自动适应高度，不定高度

scroll-view需要设置一个高度值，它才可以滚动，如：height:300rpx。

邱铁牛·2023-06-08 16:03

微信小程序 —— 图片占位处理

占位图效果如下：实现代码：HTML：CSS：.protocol-image{width:100%;height:auto;min-height:300rpx;background-color:#fafafa

小草莓蹦蹦跳·2023-06-08 10:41

uniapp(二) 之 uniapp 搭建与组件库的引用

小扩展：rpx（responsivepixel）:可以根据屏幕宽度自适应。规定屏幕宽度为750rpx。

我是小白855·2023-06-07 02:34

vue3+uniapp开发小程序踩坑指南（持续更新）

没有配置小程序AppID2、defineisnotdefined报错一堆文件找不到，并且有defineisnotdefined错误提示原因：没有配置基础库或者基础库版本过高3、图片没设宽高，固定宽高变形rpx

我是小白855·2023-06-07 01:59

vue时间线组件(可以自己改样式，容易使用)

css.record{padding:132rpx48rpx40rpx;backgrou

温暖_0ab1·2023-05-12 09:30

web前端网页单位、像素、px、rpx、em、rem、vw、vh、vm、%

文章目录前言背景1、px2、rpx3、em4、rem5、vw6、vh7、vm8、%前言背景随着Web的发展，对新的适配解决方案需求也会继续增大，对网页的要求更高。

素码人·2023-04-21 18:07

这可能是小程序使用 tailwindcss 开发的最佳方案

tailwindcss1.npm安装tailwindcss2.把tailwindcss注册进postcss.config.js3.配置tailwind.config.js4.引入tailwindcss二.配置rem转rpx

·2023-04-20 14:28

微信小程序实现IOS上的box-shadow效果

而不要使用rpx就可以。想要实现阴影效果：image.pngcss属性选择：box-shadow属性。

王月_92f2·2023-04-19 16:01

uniapp 下拉框

--请选择--':courseTypeList[index].name}}{{item.name}}[点击查看]=5"style="font-size:35rpx;color:#808080;">[会员专属

长春小霸王·2023-04-18 22:59

小程序修改weiui-uploadimg的+号图标为自定义图片

base64位２、在weui.css中修改以下代码.weui-uploader__img{display:block;width:100px;height:100px;border-radius:20rpx

bilichen006·2023-04-18 19:25

uni-app:登录与支付--用户信息

美化当前组件的样式：.my-userinfo-container{height:100%;//为整个组件的结构添加浅灰色的背景background-color:#f4f4f4;.top-box{height:400rpx

开局：从前端小白做起·2023-04-18 00:12

微信小程序修改radio内部样式

：image.png但是有时我们需要它的中间是个圆image.png首先wxml就没什么了是否我们主要是对样式文件进行修改/*单选按钮样式*/radio.wx-radio-input{width:40rpx

猜火车丶·2023-04-18 00:58

基于微信小程序wepy中 scroll-view滚动到指定位置（定位到id位置，使用 scroll-into-view）附带三层下拉框例子

设置哪个方向可滚动，则在哪个方向滚动到该元素，如bottomView111）style="height:500rpx"高度必须指定，scroll-y="true"Y轴scroll-with-animation

大大。·2023-04-17 23:24

微信小程序开发-4

1页面底部添加固定位置按钮image.png.wxml:底部位置固定.wxss:.Scancode{font-size:39rpx;background:#eee;position:fixed;bottom

小岛wink·2023-04-17 10:13

css3实现简单动画效果及以小程序为例

translate这个属性控制对应的x轴y轴的移动zuobiao实现过程wxml点击开始动画css.container{position:relative;}//三角形.triangle{width:0rpx

独孤久见·2023-04-16 12:27

微信小程序踩坑记录 ------- canvas 生成带小程序码的微信朋友圈分享图

废话不多说直接上干货wxml分享助力保存到相册wxss.share{width:356rpx;height:80

喵了__个咪·2023-04-15 09:55

Webstorm uni-app 小程序rpx单位报错

敲完之后习惯格式，格式化后变成200rpx，报红。不管他也可以运行，但是强迫症犯了。

Lan.W·2023-04-14 20:15

移动端树形结构

效果组件代码0":style="{width:(level-1)*24+'rpx'}"class="space">0"class="relevance">{{item.nam

Yihua_2021·2023-04-14 16:28

微信小程序+webSocket一对一客服聊天

mySelf['nickname']}}{{val['content']}}chat.wxss/*pages/chat/chat.wxss*/.chat-all{width:100%;height:1148rpx

肖雄熊·2023-04-14 14:01

微信小程序WeUI中half-screen-dialog的小问题

可以使用以下方法外部样式类取名为weui-half-screen-dialog.weui-half-screen-dialog{margin-bottom:-100rpx!import

cabbagesmile·2023-04-14 08:18

WXSS-WXML-WXS语法

目录：1WXSS编写程序样式2Mustache语法绑定3WXML的条件渲染4WXML的列表渲染5WXS语法基本使用6WXS语法案例练习小程序的自适应单位rpx。

木公176·2023-04-11 14:40

小程序hover-class点击态效果实现或者小程序某些机型点击跳转有延迟没反应降低用户体验

点击小程序图片页面跳转，在有的机型中存在点击跳转延迟的现象，可以使用view包裹image标签.img-hover{position:relative;left:2rpx;right:2rpx;}小程序

建安zy·2023-04-11 08:41

u view ＜u-form-item label=“收货地址“ prop=“detail“ ＞ type=“textarea对齐

/deep/.u-form-item{padding:0030rpx;.u-form-item--left__content__label{font-size:32rpx;color:#333;line-height

我有一粒花生米·2023-04-10 12:21

微信小程序switch开关组件修改样式(大小，颜色)

微信小程序switch开关组件修改样式，大小，颜色1、大小2、颜色1、大小/*swtich整体大小*/.wx-switch-input{width:100rpx!

徊忆羽菲·2023-04-10 11:03

自定义组件

创建自定义组件//json文件中，声明这是一个组件{"component":true}//wxml文件中，定义组件结构{{message}}关闭//wxss文件中，定义组件样式.tip{width:750rpx

九尾的日志·2023-04-09 09:38

使用webstorm开发uniapp微信小程序不支持css单位rpx的解决方案

使用webstorm开发uniapp微信小程序不支持css单位rpx的解决方案1.需求背景最近在开发基于uniapp开发的微信小程序，使用了webstorm开发工具，但是次开发工具不支持uniapp的css

木屋x·2023-04-09 08:01

iphoneX底部安全区域适配

safe-area-inset-bottom是不行的，至少我试了不行，必须两个一起加.bottom{width:100%;position:fixed;bottom:0;background-color:#fff;padding:10rpx32rpx10rpx

真是个非常帅气的昵称呢·2023-04-09 06:15

推荐频道

rpx