rpx

[每天进步一点点~] 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

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
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他