rpx 第3页

uniapp：animation动画:上下浮动、渐入渐出、向上渐出、放大

exportdefault{data(){return{};},};.container{overflow-y:auto;display:flex;flex-direction:column;padding:0rpx1rpx

FIRE·2024-01-20 06:22

微信小程序开发之图片上传，展示，放大预览

一键上传5.主要wxss样式，根据自己需要来调整#photoPic{display:flex;flex-wrap:wrap;position:relative;}.show-image{width:190rpx

雨中人呀·2024-01-20 01:12

微信小程序实现图片上传

涉及到了图片上传的功能，今天给大家详细介绍下如何实现小程序图片上传，话不多说先上代码首先是静态布局和样式部分.wxml代码部分.wxss代码部分/*上传图片*/.load-name{height:80rpx

嫣嫣细语·2024-01-20 01:08

#Uniapp：rpx 和 upx的区别

在UniApp（由DCloud公司开发的跨平台移动应用开发框架）中，rpx和upx是两种用于响应式布局单位。rpx(ResponsivePixel):rpx是一种可以根据屏幕宽度进行自适应转换的单位。

前端xiaolibao·2024-01-19 19:25

uniapp 微信小程序绘制canvas,保存canvas为图片到手机/本地

uniappstyle="position:absolute;width:750px;height:1334px;left:9999rpx;">保存图片jswriteCanvas(){varthat=this

来自喵星·2024-01-19 11:58

css将溢出的文字变成...（省略号）

css将溢出的文字变成...给要改变字体大小的父元素加.father{height:80rpx;overflow:hidden;display:-webkit-box;-webkit-line-clamp

甘粟·2024-01-19 05:35

uniapp 简易滑块切换，简单易改

{{item}}{{tabList[tabIndex]}}exportdefault{props:{/*主体的所需数据的宽度*/width:{type:String,default:"572rpx"},

走，带你去玩·2024-01-19 00:59

微信小程序+前后端开发学习材料2-（视图+基本内容+表单组件）

组件属性的长度单位默认为px，咱用rpx。实例演示这里我用view带了一下，如果不配置进度条外置属性，可以直接表单组件1.button按钮。定义的class都去.wxss里面重申，优先级.

李卓璐·2024-01-18 19:55

uniapp让图片缩小

image{width:500rpx;height:500rpx;}在图片属性设置为image{}宽高改变但是大小不改变，解决办法是改成下面的代码&>img{ width

饿了就去喝水·2024-01-18 16:03

微信小程序绘制饼状图

.xml.wxss.left{width:300rpx;height:300rpx;display:flex;justify-content:center;align-items:center;position

성간 조각·2024-01-18 14:23

uniapp 设置字体常用属性

1、字体大小font-size:26rpx;2、文字加线1）下划线：text-decoration\:underline2）删除线：text-decoration\:line-through3）上划线：

宙思无限·2024-01-18 09:50

小程序view布局：垂直居中和水平居中

小程序view布局：view垂直和水平居中电话客服.assistant_ly{display:flex;flex-direction:column;width:523rpx;height:446rpx;

黑夜之星·2024-01-18 09:16

springboot实现微信小程序授权登录前后端代码完整版

前端小程序代码：账号密码普通登录微信登录page{background-color:whitesmoke;}.login-img{width:750rpx;}/*表单内容*/.inputView{background-color

lichongxyz·2024-01-18 07:55

小程序学习（01）——template模块化

文件夹有.json的别忘记在json文件里输入"()"，不然会报错文件夹有.js的别忘记在js文件里输入"page({})"，不然会报错wxss尽量使用rpx，起到自适应效果一般1px=2rpxapp.json

默色留恋·2024-01-18 05:19

小程序样式 WXSS

与CSS相⽐，WXSS扩展的特性有：响应式⻓度单位rpx样式导⼊尺⼨单位rpx（responsivepixel）:可以根据屏幕宽度进⾏⾃适应。规定屏幕宽为750rpx。

过去日记·2024-01-17 04:53

微信小程序 - 模板与配置介绍

文章目录模板与配置一、WXML模板语法1、WXML模板语法-数据绑定2、WXML模板语法-事件绑定3、WXML模板语法-条件渲染4、WXML模板语法-列表渲染二、WXSS模板样式1、WXSS模板样式-rpx1.1

csdn小瓯·2024-01-16 20:08

uniapp px转rpx

//获取手机信息letsystemInfo=uni.getSystemInfoSync()//a你所知的pxa*(750/systemInfo.windowWidth)+'rpx'

走，带你去玩·2024-01-16 11:17

uni-table 固定表头与数据导出为xlsx

table_header{position:relative;top:0;left:0;background-color:#d4d4d4;}.table_body{overflow:scroll;height:1000rpx

菜鸟驿站2020·2024-01-16 09:40

微信小程序-----wxss模版样式

目录前言一、WXSS1.什么是WXSS2.WXSS和CSS的关系二、rpx1.什么是rpx尺寸单位2.rpx的实现原理3.rpx与px之间的单位换算三、样式导入1.什么是样式导入2.

Fitz&·2024-01-16 06:43

微信小程序position属性的探究

wxml1234wxss.container{display:flex;flex-direction:column;align-items:center;background:bisque;}.view1{width:128rpx

温柔vs先生·2024-01-16 06:32

react(taro)实现数字翻动(滚动)效果

实现代码公共的css代码.turn_box_container{margin-left:10rpx;}.turn_box_container{position:relat

An_s·2024-01-16 01:27

微信小程序开发-分享或转发悬浮按钮

wxml文件分享wxss文件.share{height:95rpx;width:95rpx;position:fixed;bottom:170rpx;right:40rpx;display:flex;flex-d

jayonlau·2024-01-15 16:10

常用且容易遗忘的CSS样式清单整理

1、文字超出部分显示省略号单行文本的溢出显示省略号（一定要有宽度）p{width:200rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap

Mica_马超·2024-01-13 18:03

#Uniapp：upx 和 rpx使用区分 & 设计稿计算规则

upx和rpx区别upx：upx是uni-app中的长度单位，它代表设备独立像素（与屏幕密度无关），1upx等于设备上的1个物理像素。

前端xiaolibao·2024-01-12 11:27

简单的微信小程序选项卡 tab 支持左右滑动

微信小程序选项卡tab可左右滑动，可点击选择小程序模板{{item.tab_name}}{{item.name}}小程序css.box{width:750rpx;display:block;}.tab{

功能点分享·2024-01-12 10:04

基于uniapp封装的card容器带左右侧两侧标题内容区域

Number,default:1}},}.card{border-radius:8px;margin:16px;box-shadow:none;overflow:hidden;font-size:28rpx

LXXgalaxy·2024-01-11 13:39

用css给宽高不固定的矩形画对角线

.kong{width:200rpx;height:76rpx;background:linear-gradient(tobottomright,#E5E5E50%,rgba(0,0,0,0.1)calc

嘿，小苹果·2024-01-11 13:07

微信小程序的基本使用1:数据绑定同步,导航方式，导航传参，全局配置，下拉刷新，上拉触底等

组件属性的长度单位默认为px，2.4.0起支持传入单位(rpx/px)。swiper滑块视图容器。其中只可放置swiper-item组件，否则会导致未定义的行为。

CodeMonkey-D·2024-01-11 00:42

小程序系列--6.WXSS 模板样式

1.WXSS和CSS的关系二、rpx1.什么是rpx尺寸单位rpx（responsivepixel）是微信小程序独有的，用来解决屏适配的尺寸单位。

小哥码农·2024-01-10 09:33

uni字体强制换行超出显示省略号

.monthItemName{//background-color:#f1dada;width:215rpx;padding:15rpx0rpx0rpx;letter-spacing:4rpx;line-height

蜕变菜鸟·2024-01-10 08:45

uniApp 顶部导航栏右侧添加文字按钮

"enablePullDownRefresh":false,"app-plus":{"titleNView":{"buttons":[{"color":"#E8B36F","fontSize":"30rpx

蜕变菜鸟·2024-01-10 08:38

鸿蒙OS屏幕适配UI设计图解决方案

解决方案赏金猎人开发日志地址https://harmonyos.51cto.com/posts/3203，我想问问谁有办法替换系统默认的尺寸计算方案求大佬告知这个是实现渲染这个是UI设计图使用方法RpxUtil.rpx

BLUESKYHOST·2024-01-09 18:26

微信小程序选择城市弹窗

item.province}}{{utils.toSubString(item)}}wxss.top{display:flex;justify-content:space-between;padding-bottom:20rpx

前端榴脆骨·2024-01-09 05:54

uniapp支付功能实现

)exportdefault{data(){return{rechargeTypes:[],orderNo:'',price:'',isApp:false,style:{icon:{width:"50rpx

失落村庄·2024-01-09 01:02

Flutter 屏幕适配

Flutter屏幕适配可以采用小程序的rpx适配来完成Flutter的适配，比较好理解。

xulj100·2024-01-07 13:28

uView Line 线条

基本使用组件内部有预置的参数，直接使用即可，有如下几个参数需要了解：color为线条的颜色direction为线条的方向，默认为横向length参数需要特别留意，它需要带上单位，比如设置为"50%"，"500rpx

破浪前进·2024-01-06 05:09

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

px和rpx是尺寸单位，在网页开发中常用，而em和rem是字体尺寸单位，在网页开发和移动端开发中常用，下面分别介绍一下它们的区别和用法：px：像素，是绝对单位，不会随字体大小变化而变化，像素值越大，元素越大

代码真的养发·2024-01-05 14:06

微信小程序：flex布局实现换行

wxss：/*实现换行*/.flex-wrap{display:flex;flex-wrap:wrap;align-content:flex-start;}.pay.pay-item{width:220rpx

dingcho·2024-01-05 12:05

css 气泡框

.tip{position:absolute;top:-52rpx;background-color:#FF6634;border:1rpxsolid#ccc;border-radius:10rpx;padding

曲小强·2024-01-04 23:00

字体样式集合

字体两端对齐.content.item.title{color:grey;width:180rpx;text-align:justify;}.content.item.title:after{content

LemonTree7·2024-01-04 21:13

微信小程序之单位rpx(八)

rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。

笑红尘123·2024-01-04 09:59

自定义全局样式

$is-main-color:#303133;$is-border-color:#e4e7ed;//定义变量$rate:2;$unit:rpx;$min:1;$max:80;//宽度$width-min

泛酸桂花酒·2024-01-03 11:24

css优惠券、卡券样式绘制（带阴影、锯齿）

从效果图可以看到这个优惠券是左右两边都带锯齿的，中间还有一条虚线，这三个效果都可以分别用伪类做出来，为了封装后插槽使用方便，这里把优惠券以虚线为准分了两部分，下面是布局，比较简单.tickets{display:flex;padding:20rpx

B_rabbit_d·2024-01-03 02:41

2-----------案例一

1、初始化2、头部index.wxss/**头部布局**/.header{width:750rpx;height:90rpx;}.hdcon{display:flex;justify-content:space-between

雨兮雨·2024-01-01 23:59

uniapp rpx、px、em、rem、%、vh、vw的区别是什么？

rpx、px、em、rem、%、vh、vw都是CSS中用于设置元素尺寸和定位的单位，但它们各自具有不同的特点和适用场景。px（像素）：px是绝对长度单位，描述一个元素的宽高以及定位信息。

emma20080101·2024-01-01 16:25

微信自定义tabbar有小红点_微信小程序自定义tabBar组件开发详解

template/template.wxml{{item.text}}template.css.icon{width:54rpx;height:54rpx;}.tabBar{width:100%;position

weixin_39724362·2024-01-01 07:20

uni-app之响应式单位upx和rpx

一纸晴空·2023-12-31 10:10

CSS 动态提示框

keyframesblinkCursor{50%{border-right-color:transparent;}}@keyframestypeAndDelete{0%,10%{width:0;}45%,55%{width:200rpx

特创数字科技·2023-12-31 03:43

小程序rpx；swiper组件；数据绑定，srtData方法绑定，数据库导出数据；wx:if；wx:for；事件；template模板

目录：rpx；swiper组件；数据绑定，srtData方法绑定，数据库导出数据；wx:if；wx:for；事件；template模板基本等同于web的,作用：容器，分隔文档-->-----------

我的皎月闻越香_·2023-12-31 01:10

rpx单位

750*元素在设计稿中的宽度/设计稿基准宽度举例说明：若设计稿宽度为750px，元素A在设计稿上的宽度为100px，那么元素A在uni-app里面的宽度应该设为：750*100/750，结果为：100rpx

web前端_潘哥哥·2023-12-30 09:30

推荐频道

rpx