rpx 第9页

rem转rpx前端代码

效果image.png代码：div#newCss{border:1pxsolid#999;width:504px;height:140px;}rem样式转换后的样式functionrem2rpx(){varoldCss

每天进步一点点5454·2023-09-03 01:47

微信小程序ios下，border显示不全兼容问题解决

d_card_line1_tag{padding:1rpx14rpx;/*border:1pxsolid#333;*/font-size:18rpx;position:relative;}.

张张打怪兽·2023-09-02 06:29

uniapp 微信小程序添加隐私保护指引

拒绝同意样式：.popupWrap{width:540rpx;box-sizing:border-box;padding:42rpx;background:white;border-radius:30rpx

AspNetSunny·2023-09-02 06:25

小程序flex布局设置view宽度无效果

wxml://第一种无效果{{item.rank}}//第二种有效果{{item.rank}}wxss:.rangking-num{width:80rpx;height:80rpx;line-height

性野喜悲·2023-09-02 06:10

flex布局左边自适应,右边宽度固定

align-items:center;just-content:space-between;}.left-content{min-width:0;flex:1;}.right-content{width:200rpx

性野喜悲·2023-09-02 06:40

CSS 文字超出范围用省略号表示

*/width:400rpx;overflow:hidden;/*隐藏*/white-space:nowrap;/*不换行*/text-overflow:ellipsis;/*超出部分省略号*/}2.多行固定宽高

菜鸟驿站2020·2023-09-01 23:42

前端资源系列（3）-微信小程序开发资源汇总

组件文档从搭建一个微信小程序开始小程序开发文档小程序设计指南工具小程序开发者工具-官方EgretWing3.2.x支持微信小程序实时预览的IDE)labrador支持ES6/7的微信小程序组件化开发框架Px转Rpx

weixin_33705053·2023-09-01 10:30

uniapp跑马灯文字滚动

{{item.name}}.barrage-box{ //border:1rpxsolidred; padding:010rpx; width:90vw; transform-origin

阿巴资源站·2023-09-01 09:30

微信小程序中使view占满整个屏幕高度的实现方法

宽度很简单，直接设置width:750rpx;或者width:100%;就行。但是高度呢，高度height:100%;是没有效果的，因为必须在父元素高度给定的情况下，height:100%;才有效果。

houruoyu3·2023-09-01 02:09

css 左箭头右箭头

//左箭头.date-left{width:10rpx;height:10rpx;border-top:2pxsolid#FFFFFF;border-right:2pxsolid#FFFFFF;transform

淚迷·2023-08-31 03:19

css 三列布局

一个标题.auth-box{min-height:100vh;padding:030rpx;overflow:hidden;background-color:#fff;.flex-basis{float

曲小强·2023-08-30 15:49

uniApp笔记

uniApp学习路线：>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>文中下方出现的http链接均为官网纤详细教程地址，官网讲的很全没必要再重新记录一编组件响应式宽度单位rpx

Wmenghu·2023-08-29 18:48

Uniapp笔记（六）uniapp基础

腾讯地图1、uniapp地图渲染exportdefault{data(){return{longitude:108.947558,latitude:34.317455}}}.map{width:750rpx

鸣鲷有柒·2023-08-29 18:17

微信小程序 scroll-view 组件的 bindscroll 不触发不生效

2、没有设定scroll-y3、组件属性的长度单位默认为px，2.4.0起支持传入单位(rpx/px)

joe0235·2023-08-29 17:24

小程序scroll-vew高度设置

小程序scroll-view的高度多少才不会出现页面滚动条wxml代码：wxss代码：.top{height:100rpx;background:green;}.red{height:400rpx;background

qjsxq·2023-08-29 16:31

小程序scroll-view

scroll-view的样式white-space：nowrap内层的样式为display：inline-block；.cagetory.item{display:inline-block;padding:30rpx

Remember_柏查·2023-08-29 12:43

css伪类：去除最后一个伪元素

after{content:"";position:absolute;right:-16%;top:50%;transform:translateY(-50%);width:1px;height:62rpx

@Kacie·2023-08-29 12:28

小程序canvas兼容不同机型

我们通常用iPhone6（375*667）开发，遇到这这种问题转化一下就行//canvas兼容不同机型varrpx;wx:wx.getSystemInfo({success:function(res){rpx

C_razy·2023-08-28 12:43

小程序bindtap绑定事件无效，点击未触发，报错：does not have a method “seetap“ to handle event “tap“.

tap="seeTap"里的seeTap大小写不一致，所以只触发了一个第二：固定定位的元素加了点击事件，不生效原因是层级不够，设置css的z-index就OK啦.arrow-left{width:20rpx

加鸡腿·2023-08-28 12:50

使用File Watcher解决uni-app等项目Webstorm格式化代码时rpx/upx单位前面有空格的问题

使用FileWatcher监听项目文件，发生变动时执行Watcher，利用sed命令去替换文件中内容在设置->Tools->FileWatcher中添加规则image.png如果是*.vue中的样式文件，FileType选择Vue.jsTemplate，同理也可以替换各种文件类型Program填写sed的路径Windows中可能需要安装sed命令，需自行下载，我这里因为之前安装了cygwin并设置

XMX_·2023-08-28 09:24

Uniapp笔记（五）uniapp语法4

一个是登录组件，一个是用户信息组件，根据用户的登录状态判断是否要显示那个组件1、登录的基本布局一键登录 .login-container{ //登录盒子的样式 height:750rpx

鸣鲷有柒·2023-08-28 07:25

css设置文字渐变色及文本阴影

文字设置为从坐上到右下的渐变色；2.创建伪元素’88.8’给文字‘88.8’添加阴影效果（注意：伪元素的层级要比本身dom元素的层级低，否则会覆盖在文字上）代码：88.8.money{font-size:100rpx

敲代码的TKP·2023-08-26 00:10

【音视频】视频的播放和暂停，当播放到末尾时触发 ended 事件，循环播放,播放速度

video也可以播放MP3音频，当不想让视频显示出来的话，可以给video设置宽和高1rpx，不可以隐藏{{loop?'

嘿，小苹果·2023-08-25 05:51

微信小程序的选项卡并可以禁止手指的左右滑动

//html全部提现中已提现已提现全部提现中已提现已提现//css.swiper-tab{width:100%;text-align:center;line-height:80rpx;background-color

释怀Believemin·2023-08-25 05:11

CSS 实现页面底部加载中与加载完毕效果

底部加载中*/.bottom-load-tip{display:flex;align-items:center;justify-content:center;color:#999;font-size:24rpx

UserGuan·2023-08-24 19:46

微信小程序数据的接收详解

为我们需要接收的数据的字段名wx:for="{{date}}"中的date是我给需要接收的数据取的数组名字，接收的数据可以为多个2.wxss:.inputbox{background:#FFFFFF;height:65rpx

也曾见过大海·2023-08-24 15:25

uni-app尺寸单位

uni-app支持的通用的css单位包括px、rpx。px即屏幕像素rpx即响应式px，一种根据屏幕宽度自适应的动态单位。以750宽的屏幕为基准，750rpx恰好为屏幕的宽度。

马小超321·2023-08-23 22:21

模拟微信小程序加载动画

exportdefault{data(){return{};}}.container_app{position:fixed;width:100%;height:100%;}.circle{width:150rpx

T3165919332·2023-08-23 13:46

2.5 v-bind class style的动态绑定

的动态绑定v-bind对style的动态绑定exportdefault{data(){return{backgroundStyle:{backgroundColor:'#000000',width:'100rpx

flyjar·2023-08-23 02:18

微信小程序签名（横屏+竖屏）

横屏wxml清除确定wxss#firstCanvas{width:750rpx;height:600rpx;background-color:#fff;}jsconstapp=getApp()Page(

烂泥也能扶上墙·2023-08-22 23:33

02B 小程序的布局

scroll-page{height:100%}.city{width:204px;}用的是scroll-page组件,对它进行高度的设置,navigator是跳转组件.城市列表,个人中心2个跳转组件9移动端尺寸的适配rpx

卖参·2023-08-22 08:38

微信小程序：瀑布流使用float的问题

出现了问题和理想中的效果差距还是很大.content{width:48%;float:left;display:flex;justify-content:center;text-align:justify;margin-top:5rpx

幸思无声_东莞·2023-08-22 06:47

解决小程序底部input输入框键盘弹出使页面布局上移问题

效果如下动图：二、解决解决：参考链接：小程序input输入框键盘弹出使得布局上移问题_一天一天积累的博客-CSDN博客直接贴代码：wxml：分享发送wxss：.say{height:100rpx;bo

抄代码抄错的小牛马·2023-08-21 02:21

微信小程序弹框wx.showModal如何修改样式

弹窗添加数量取消确定/**index.wxss**/.show-btn{margin-top:100rpx;color:#22cc22;}.modal-mask{width:100%;height:100%

前端开发小吴·2023-08-20 18:00

10.小程序样式

样式css部分样式不支持，并且添加了rpx属性，小程序开发的时候应该使用rpx，而不是px，因为rpx是将移动端的屏幕大小分为750份，会自动按设备的大小去适配；我们在开发时应该以iphone6为基准的设备进行开发

河马开源·2023-08-20 18:57

uni-app使用swiper设置轮播图的圆角,滑动时变为直角的解决方法

uni-app使用swiper设置轮播图的圆角,滑动时变为直角的解决方法问题显示代码部分样式.ad-swiper{height:150rpx;.swiper{height:100%;.swiper-item

小火车况且况且·2023-08-20 16:29

微信小程序胶囊位置计算，避开胶囊位置

由于小程序在不同的手机上顶部布局会发生变化，不能正确避开胶囊位置，所以通过官方给出的胶囊信息，可以计算出胶囊位置，并避开图示例：此处思路是，获取胶囊底部位置，并拉开10个px计算出来的值一定要用px，不要用rpx

Garc·2023-08-20 15:30

微信小程序卡片横向滚动竖图

js代码：Page({data:{background:['图片地址1','图片地址2','图片地址3']}})wxss代码：.img-x{z-index:100;}.img-x-v{width:300rpx

Garc·2023-08-20 15:29

css 实现文字横向循环滚动

css部分.weather_info_wrap{width:90%;overflow:hidden;white-space:nowrap;font-size:24rpx;display:flex;}.weather_info

佛系努力中……·2023-08-19 23:32

小程序配置px2rem

小程序是rpx转rem,统一配置：npminstallpx2rpx-loaderconstpx2remLoader={loader:'px2rem-loader',options:{remUnit:75

船长在船上·2023-08-19 10:19

uniapp的坑

1、在pages.json里的titleNView或页面里写的plusapi中涉及的单位只支持px，不支持rpx2、tenplate内引入静态资源，比如图片，视频的src属性时，可以使用相对路径或者绝对路径

爱喝牛奶~·2023-08-19 07:42

uniapp tabbar 浏览器调试显示真机不显示

解决方案，把tabBar里面的单位全改为px，rpx是不会显示的！

奇怪的点·2023-08-19 01:51

px和rpx在线转换小工具

lemontree-xy·2023-08-18 19:17

微信小程序动态绑定style样式

达到动态渲染效果，如果样式比较复杂的话建议绑定动态class传送门：绑定动态class第一种，通过变量值直接绑定样式：JS:data:{homeOutObj:{color:'red',fontSize:'14rpx

前端攻城狮路飞·2023-08-18 13:36

小程序选项卡，tab导航栏

赵羽珩·2023-08-17 18:07

小程序CSS button按钮自定义高度之后不居中

问题：按钮设置高度后不居中Savepage{font-size:30rpx;}.btn1{margin-top:100rpx;height:190rpx;background:linear-gradient

Lan.W·2023-08-17 11:11

uniapp小程序横屏显示样式错乱

style":{"navigationBarTitleText":"横屏页面","pageOrientation":"auto"//支持auto/portrait/landscape}}正常样式横屏后放大，rpx

倘若hfl·2023-08-17 09:22

Flutter 宽高自适应

在Flutter开发中也需要宽高自适应，手动写一个工具类，集成之后在像素后面直接使用px或者rpx即可。

Johnny Tong·2023-08-17 08:11

糖豆甜呀甜·2023-08-16 17:44

微信小程序实现左滑删除

由于movable-view需要向右移动，左滑的时候给删除控件展示的空间，故movable-area需要左移left:-120rpx;，movable-view右移left:120rpx;。

人民的石头·2023-08-16 03:03

推荐频道

rpx