rpx 第2页

第一次做小程序总结

1.小程序的像素单位rpx很好用，换算方式就是1px=2rpx;2.用户是否允许获取用户信息，小程序改版后只能使用控制，设置open-type="getUserInfo"点击button会调取是否允

如初_54fd·2024-02-14 15:00

2.0 微信小程序实现收缩菜单

GIF.gifcase.wxsspage{background-color:#F5F5F5;}/*按钮固定在右下边角.up_img{position:fixed;bottom:30rpx;right:30rpx

追梦小乐·2024-02-13 19:03

设置居中移动端显示文本偏上问题

在有背景的view上Android手机文本显示偏上，iOS手机显示正常显示偏上.device-main-flag{height:30rpx;width:30rpx;background:#ff6e00;

小领袖·2024-02-13 12:43

小程序中的rpx单位

小程序编译后，rpx会做一次px换算。换算是以375个物理像素为基准，也就是在一个宽度为375物理像素的屏幕下，1rpx=1px。

天幕下悠悠·2024-02-12 17:32

第8讲个人中心页面搭建实现

exportdefault{data(){return{}},onShow(){},methods:{}}.user_center{.user_info_wrap{width:100%;height:120rpx

九品印相·2024-02-12 17:24

微信小程序按钮自动换行

dayItem}}√.date-down{display:flex;flex-direction:row;flex-wrap:wrap;margin:0auto;position:relative;left:5rpx

wyyyyyyyy_·2024-02-11 15:07

微信小程序实现折叠面板（展开一个面板，隐藏其他面板）

便签小程序使用免费吗便签小程序是一款免费应用，并承诺永不收费1便签小程序使用免费吗便签小程序是一款免费应用，并承诺永不收费2便签小程序使用免费吗便签小程序是一款免费应用，并承诺永不收费3wxss:.help{width:700rpx

泊多前端·2024-02-11 15:33

信小程序开发 day04 - swiper圆角、全局共享响应式数据思想、hy-event-store

根据小程序官方回答，这是个webview的渲染bug.banner-swiper{border-radius:10rpx;overflow:hidden;transform:translateY(0);

望穿秋水小作坊·2024-02-10 22:27

#小程序分享一个有趣轮播图特效

小程序，写到学校概况页面，就想到这个动画，来分享一下一、先上图：不得不说，放上照片后既视感有点gaoxiao一、代码部分：{{name[index]}}.swiper-block{height:400rpx

麦多馅饼·2024-02-10 18:19

第64讲个人中心用户操作菜单实现

静态页面我的订单待付款待收货退款/退货全部订单收货地址管理联系客服400-699-12345意见反馈关于我们样式：.user_menu{margin-top:15rpx;background-color

九品印相·2024-02-10 00:32

第60讲公共Tabs组件封装

:flex;}.tabs.tabs_title.title_item{display:flex;justify-content:center;align-items:center;padding:15rpx0

九品印相·2024-02-09 06:37

uniapp 设置内容超长时的省略样式

且末尾为省略期望的效果如下思路使用官网text-overflow可选值俩个clip修建文本ellipsis显示省略符号来代表被修剪的文本解决方法代码.center_item{max-width:calc(100%-60rpx

T3165919332·2024-02-09 05:38

微信小程序新手入门教程四：样式设计

在CSS中，我们通常使用的单位是px，但在WXSS中，单位是rpx。rpx

爱写代码的July·2024-02-09 01:11

微信小程序的视图容器——简易实现纵向滚动scroll-view

东京超市5东京超市6东京超市7东京超市8东京超市9东京超市10东京超市11东京超市12以下是.wxss代码/*pages/scroll/scroll.wxss*/scroll-view{width:300rpx

搞毕设中╯﹏╰·2024-02-08 20:17

微信小程序（三十九）表单信息收集

picker的不足及解决方法源码：index.wxml姓名:性别:男女爱好:写代码睡大觉籍贯:{{city}}保存index.wxss.form-field{display:flex;margin:40rpx40rpx

代码对我眨眼睛·2024-02-08 20:47

微信小程序（三十八）滚动容器

floralwhite;}.Area{display:flex;justify-content:center;flex-direction:column;align-items:center;width:260rpx

代码对我眨眼睛·2024-02-08 20:46

文字超长显示省略号...坑（如果盒子本身是弹性盒子flex布局会不支持）

如果盒子是弹性盒子样式会失效#item-title{font-size:28rpx;font-weight:800;color:#2D3748;width:100%;overflow:hidden;text-overflow

大力水手~·2024-02-07 08:45

49 个在工作中常用且容易遗忘的 CSS 样式清单整理

图片来源：Web前端开发1、文字超出部分显示省略号单行文本的溢出显示省略号（一定要有宽度）p{width:200rpx;overflow:hidden;text-overflow:ellipsis;white-space

李仁平·2024-02-06 07:26

微信小程序（三十四）搜索框-带历史记录

注释很详细，直接上代码新增内容：1.搜索框基本模板2.历史记录基本模板3.细节处理源码：index.wxml搜索历史搜索x{{item}}index.wxssinput{padding:14rpx20rpx10rpx

代码对我眨眼睛·2024-02-06 06:31

php 微信小程序循环多选,微信小程序checkbox全选多选效果实现代码

，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下效果图：wxml代码：全选汪小涵管理员总监wxss代码：.memberList{background:#fff;padding:035rpx028rpx

忘黎·2024-02-05 11:11

微信小程序（三十三）promise异步写法

promise异步的优势源码：index.wxmlindex.wxss.item{display:flex;/*水平均分*/justify-content:space-evenly;height:60rpx

代码对我眨眼睛·2024-02-04 17:40

微信小程序view多选

wxml文件{{item.name}}wxss文件.item_container{display:flex;flex-direction:row;align-items:center;padding:20rpx

LI_4058·2024-02-04 12:26

微信小程序分页

{item.zdmc}}就诊日期{{item.jzrq}}医生姓名{{item.ysxm}}没有更多数据了暂无数据wxss：page{background:#f5f5f5;line-height:80rpx

刘叶青·2024-02-03 06:41

[每天进步一点点~] uni-app css 实现背景图模糊边缘不模糊

return{background:{'background':"transparent"},url:'/static/news/book.png'}}}.head_channel{height:378rpx

WYL_99·2024-02-03 02:34

微信小程序（二十八）网络请求数据进行列表渲染

stu.age}}{{stu.gender}}获取信息index.wxss.item{display:flex;/*水平均分*/justify-content:space-evenly;height:60rpx

代码对我眨眼睛·2024-02-01 12:54

uniapp 问题汇总-问题数(2)

scroll-view嵌套之后安卓可以滚动，ios无法滚动去使用原因是动态设置scroll-view高度的时候将高度错误错误代码:style="{'max-height':`calc(100vh-88rpx

前端专业写bug·2024-02-01 06:29

【Vue基础-实践】数据可视化大屏设计（林月明螺蛳粉文化公司单量数据大屏）

目录一、知识整理1、页面自适应2、下载插件pxtorem&rpx3、关于padding与margin4、下载echarts5、下载axios6、experss官网接口创建7、创建路由8、api接口创建9

林月明·2024-01-31 21:35

uniapp H5 px转换rpx

uniappH5px转换rpx安装px2rpx重启HBuilderX在要转换的文件点击右键点击开启px2rpx(1px转成2rpx)开启成功！使用编辑页面后按下键盘Ctrl+s保存！转化成功！

你的眼睛會笑·2024-01-31 19:20

微信小程序 view的文本自动换行了的问题（scroll-view）/微信小程序 view换行跟不换行的解决方案

今天在写一个滚动导航栏的时候发现view的文本自动换行了，用了display：flex;flex-warp:nowarp;也不管用，wxml:{{item}}wxss:.top{width:100%;height:100rpx

Averyvery·2024-01-31 18:44

【微信小程序开发】模板与配置

文章目录前言1.WXML模板语法1.1数据绑定1.2事件绑定1.2.1bindtap事件1.2.2bindinput事件1.3条件渲染1.4列表渲染2.WXSS模板样式2.1什么是rpx尺寸单位2.2什么是样式导入

不能再留遗憾了·2024-01-31 08:44

react中px转rem（px2rem和px to rem &rpx的使用）

.比如设计稿是750px，假设根元素字体大小设置为100px，则1rem=100px;所以为了适应各种屏幕尺寸：一般设置根元素font-size为屏幕宽度/UI设计图宽度*100+‘px’，这也相当于1rem对应的px尺寸。可配合媒体查询@media来设置。用的时候除以100，10px=0.1rem1.直接在scss文件中使用函数定义函数@functionpx2rem($px){@return$p

仙女爱吃鱼·2024-01-29 15:59

微信小程序项目基础知识

导入已有项目小程序配置小程序知识体系目录不同框架都会涉及到的九个方面:静态页面生命周期获取数据渲染页面绑定事件路由配置页面页面跳转页面传参组件存储(本地存储)其他（小程序特有）一、小程序静态页面使用小程序组件,view相当于div,text相当与span使用rpx

北冥有鱼_425c·2024-01-28 11:21

微信小程序-04

rpx（responsivepixel）是微信小程序独有的，用来解决屏适配的尺寸单位。@import后跟需要导入的外联样式表的相对路径，用;表示语句结束。

菜♕卷·2024-01-28 02:11

小程序解决icon图片与文字不居中问题

关键就在align-items:center1.wxml:投票2.wxss:/*投票*/.vote{height:50rpx;margin-top:2%;display:flex;align-items

爱吃爱喝·2024-01-27 12:31

uniapp制作app的nvue组件live-pusher聚焦框问题

methods:{//拦截点击在live-pusher上,避免出现聚焦框over(){return},}//定位遮挡.dingwei{position:absolute;top:0rpx;width:557rpx

前端专业写bug·2024-01-26 10:36

动态修改伪元素样式

activ{&::after{transition:all.5s;content:'';position:absolute;left:var(--left);bottom:-1rpx;width:80rpx

变量只提升声明不提升赋值·2024-01-26 03:09

微信小程序px、rpx、vh、百分比单位介绍

规定屏幕宽为750rpx。如在iPhone6上，屏幕宽度为375px，共有750个物理像素，则750rpx=375px=750物理像素，1rpx=0.5px=1物理像素。

句号（在IT行业摸爬滚打）·2024-01-25 21:46

uniapp 中奖信息横向循环滚动

.animate{font-family:SourceHanSansCN;font-size:30rpx;color:#000;display:inline-block;white-space:nowrap

php技师·2024-01-25 12:33

uniapp page宽度设置为750rpx，子元素宽度100%，大小不一致

uniapppage宽度设置为750rpx，子元素宽度100%，大小不一致。

烂不烂问厨房·2024-01-25 10:29

微信开发者工具配置支持less

.search_bar{height:90rpx;padding:10rpx;background-color:var(--themeColor);navigator{height:100%;display

九品印相·2024-01-24 23:44

uniapp小程序使用uqrcode

data'importUQRCodefrom'uqrcodejs'constprops=defineProps()constpxSize=computed(()=>uni.upx2px(Number(props.size.replace(/rpx

不努力code·2024-01-24 12:36

微信小程序（十）表单组件（入门）

属性指定表单类型2.placeholder属性指定输入框为空时的占位文字源码：form.wxml信息登记:姓名:年龄:密码:身份证号:form.wxss/*页面整体样式*/page{padding:40rpx30rpx

代码对我眨眼睛·2024-01-24 06:40

WebStorm配置兼容微信小程序

使用插件支持.wxml和wx.xxx内置函数的支持IDEA插件库下载WeChatweappSupportIDEA插件库下载WeChatweappSupport.png使用sed支持格式化时自动纠正100rpx

mao玻璃·2024-01-23 15:51

微信小程序之WXSS模板样式、页面配置（.json）和网络数据请求

一个人摸索学习很难坚持，想组团高效学习…想写博客但无从下手，急需写作干货注入能量…热爱写作，愿意让自己成为更好的人…文章目录前言一、WXSS模板样式1、什么是WXSS2、WXSS和CSS的关系二、WXSS模板样式-rpx1

哥的时代·2024-01-23 13:57

微信小程序（八）图片的设定

注释很详细，直接上代码新增内容：1.图片的三种常见缩放形式2.图片全屏预览源码：testImg.wxmltestImg.wxss.pic{//页面横向总长度为750rpxwidth:300rpx;height

代码对我眨眼睛·2024-01-22 05:31

微信小程序进阶

目录前言一.WXSS模板样式1.什么是wxss2.WXSS和CSS的关系3.什么是rpx尺寸单位4.rpx的实现原理5.rpx与px之间的单位换算*6.什么是样式导入7.

羙橘·2024-01-21 21:02

小程序点击图片预览

.imgList{width:100%;}.imgList.imgList-li{width:100%;}.imgList.imgList-li.img{width:400rpx;height:400rpx

wx_caiji·2024-01-21 21:33

小程序学习

7、样式WXSS7.1、尺寸单位1.小程序中不需要主动来引用样式文件2.需要把页面中某些元素的单位由px改成rpx1px=2rpx3.存在一个设计稿，宽度414或者未知page1、设计稿page存在一个元素宽度

未晞~·2024-01-21 08:35

微信小程序横屏状态下的自适应实践（尺寸单位vmin）

需要注意的是，设为横屏后，rpx单位不再生效，有人建议使用px，但是这样不能实现自适应布局，所以我们需要引入一个新的单位：vmin。2.尺寸单位vminvmin：视口宽度vw和高度vh两者之间的最小值

大海爱奔跑·2024-01-21 00:09

CSS盒模型与width:100%、width:auto、width:80%、width:100rpx

文章目录CSS盒模型(这里引用[MDN](https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model)的介绍)：W3C盒模型(标准盒模型)和IE盒模型(怪异盒模型):为什么用户设置的width都不包含margin?width:100%、width:auto、widt

Mr_Tony·2024-01-20 14:30

推荐频道

rpx