rpx

uniapp使用内置地图选择插件，实现地址选择并在地图上标点

F4F5F6;}::-webkit-scrollbar{width:0;height:0;color:transparent;}page{height:100%;width:100%;font-size:24rpx

神夜大侠·2024-09-16 03:04

EP6 同一组件通过传递不同属性展示不同效果

公告文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容每日推荐专题精选More+.homeLayout{.banner{width:750rpx

京城五·2024-09-12 22:14

EP7 底部tab切换页面标签

文件路径：E:/homework/uniappv3tswallpaper/pages/classify/classify.vue.classify{padding:30rpx;display:grid;

京城五·2024-09-12 22:14

微信小程序入门【三】：实现简单登录退出和个人信息页面

userInfo.nickName}}-->退出登录@技术支持：江阔jk921home.wxss/*pages/scroll/scroll.wxss*/.top{width:100%;height:400rpx

山岫·2024-09-11 19:16

【Uniapp】前端面试题

1）Vue的生命周期2）Uniapp的页面生命周期3）区别2.Uniapp的rpx转换px的公式？3.Uniapp的tabbar自定义，怎么实现突起home标？

菜鸟una·2024-09-10 05:19

flex布局篇——justify-cont:center/space-between/space-around最后一行靠左

为了解决这个办法，可用gap与伪类进行纠正：name备注.box{position:absolute;width:100%;padding:125rpx70rpx;box-sizing:bo

Dove言和·2024-09-09 14:01

微信小程序：自定义扫码功能

dingcho·2024-09-04 01:38

uniapp尺寸单位 px转rpx

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

万能螺丝刀1·2024-09-01 20:10

px、rpx、em以及rem的区别与用法

px、rpx、em、rem是用于网页开发中表示全屏宽度或元素尺寸的单位。1.px（像素）：是最常见的单位，它表示屏幕上的实际像素点。

前端小芬芬·2024-08-31 19:06

微信小程序--文字添加渐变和阴影

微信小程序–文字添加渐变和阴影1、文字添加渐变text{font-size:32rpx;background:linear-gradient(toright,#ff9d3d,#fff1d7,#ffb853

cccc☜·2024-08-25 03:34

uniapp+vue3的双向渐变

common-style.scss'在common-style.scss中//全局双向渐变.pageColor{background:linear-gradient(tobottom,rgba(0,0,0,0),#fff400rpx

总萌大人·2024-08-24 11:59

uniapp+vue3的轮播图

图片：宽度：690,高度：340.layout{.banner{width:750rpx;padding:30rpx0;swiper{width:750rpx;height:340rpx;&-item{

总萌大人·2024-08-23 05:52

微信小程序修改checkbox和radio的样式

checkbox样式的代码：/*重写checkbox样式*//*未选中的背景样式*/checkbox.wx-checkbox-input{border-radius:50%;/*圆角*/width:40rpx

叶落无痕123·2024-03-29 03:04

一个简单的微信小程序表单提交样式模板

没什么东西，只是方便自己直接复制使用.wxml姓名：学校：职位选择：提交.,scss.box{padding:30rpx;}.form-item{display:flex;background-color

w宇宙王·2024-03-17 02:35

px、rpx、rem、pt、dpr学习笔记

1）px分辨率是屏幕像素的数量，一般用屏幕宽乘以屏幕高度的像素点，如iphone6的分辨率为750*1334；英寸表示屏幕斜对角的长度；分辨率分为物理分辨率和逻辑分辨率，设计师通常给的是物理分辨率，程序中用到的是逻辑分辨率，但都称为分辨率，物理分辨率是硬件所支持的分辨率，逻辑分辨率是软件可以达到的分辨率；px是物理分辨率，和屏幕尺寸没有关系，点是没有大小的，只有个数之分，photoshop里面量出

puxiaotaoc·2024-03-14 08:11

CSS样式中长度单位含义解析：rpx、px、vw、vh、em、rem、pt

在CSS样式中，有几种常见的长度单位，包括rpx、px、vw和vh等，含义解析如下：1.rpx（响应像素）：是微信小程序中的一种相对长度单位，可以根据屏幕宽度进行自适应缩放。

挣扎的蓝藻·2024-03-13 08:31

rem的作用与运用，小程序为什么用rpx为单位

开发过小程序的人都知道，小程序的单位是rpx，这是为什么？有什么作用呢，其实它源于rem布局，先来了解下rem的优势与工作原理。

雅雅的前端工作学习·2024-02-20 21:09

微信小程序swiper 视频中间大，两边小，轮播滑到中间视频自动播放组件教程

1:0}}"previous-margin="255rpx"next-margin="255rpx"bindchange="swiperChange">2、wxss.swiper-wrapper{flex

Garc·2024-02-20 15:13

微信小程序 input框实现搜索历史记录

可自行控制展示历史记录的规格；使用微信缓存APIwx.getStorageSync和wx.setStorageSync，处理历史记录的存储时记得去重WXML结构{{item}}WXSS.search-box{width:700rpx

四舍五入键盘手·2024-02-20 14:26

【微信小程序】搜索框样式

index.wxss：/*pages/index/index.wxss*/.search{display:flex;align-items:center;justify-content:center;height:90rpx

Pulseum·2024-02-20 14:56

微信小程序搜索功能的实现（模糊搜索、带历史记录）

历史记录清除{{item.title}}{{item.title}}{{item.rating.value}}分/{{item.year}}搜索页wxss.item-list-group{padding:10rpx20rpx

秦悸·2024-02-20 14:24

【微信小程序】wxss 和 css 、wxml 和 html 区别

wxss和css区别wxss支持小程序特有的选择器和样式属性scroll-into-viewcover-view等wxss引入了rpx单位，可以根据屏幕宽度进行自适应，使得开发者可以更方便的处理不同尺寸屏幕的适配问题

我有一棵树·2024-02-19 21:18

【微信小程序】微信小程序入门与实战小项目笔记

1.如何申请小程序`AppID`(小程序ID)2.开发工具的基本设置3.小程序的基本单位-Page页面二、小程序的基本目录1.页面的4种基本文件类型2.全局配置文件、全局样式和应用程序级别js文件三、rpx

Cc.*·2024-02-19 21:50

【uniapp】自定义步骤条样式

代码实现1步骤12步骤23步骤3.steps-wrap{padding:36rpx00;display:flex;align-items:center;.flex-box{flex:1;display:

Komorebi゛·2024-02-19 10:49

第13讲创建图文投票

border-radius:5px;background-color:white;padding:10px;.option_input{display:flex;}.option_upload{margin-top:20rpx

九品印相·2024-02-15 05:06

第12讲创建图文投票实现

border-radius:5px;background-color:white;padding:10px;.option_input{display:flex;}.option_upload{margin-top:20rpx

九品印相·2024-02-15 05:05

微信小程序之上下轮播公告小练习

{{item.nickName}}{{item.prizeName}}{{item.nickName}}{{item.prizeName}}.page{width:600rpx;padding:020rpx

汪凡雨·2024-02-15 00:38

第一次做小程序总结

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

推荐频道

rpx