rpx 第9页

uniapp progress进度条变成圆角代码标签上添加border-radius不起效果

.uni-progress-bar{border-radius:3rpx;}.uni-progress-inner-bar{border-radius:3rpx;}

AF01·2023-09-13 19:05

uni-app小程序与app端的兼容问题

持续更新…uni-app单位问题：动态绑定的style不支持直接使用upxupx-小程序与app都支持rpx-小程序支持psupx换算使用：若设计稿宽度为640px，元素A在设计稿上的宽度为100px，

zaqenenen·2023-09-13 11:11

微信小程序自定义导航栏返回和标题

navbar.wxss.navbar{width:100%;//设置导航栏固定在顶部position:fixed;top:0;z-index:99;}.arrow-content{position:absolute;left:40rpx

user__luo·2023-09-12 10:53

uniapp，解决scroll-view嵌套scroll-view，被嵌套的scroll-view无法触发下拉刷新问题

在被嵌套的scroll-view中再嵌套一层view并且设置`min-height:calc(100vh+1rpx);...

MichstaBe Stars·2023-09-10 19:04

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

文章目录一、wxml模板语法1、数据绑定2、事件绑定3、事件传参与数据同步4、条件渲染wx:if5、列表渲染wx:for二、wxss1、rpx尺寸单位2、样式导入3、全局、局部样式三、全局配置1、window2

三个木马人·2023-09-10 15:04

小程序中的tab切换

1、小程序中的tab切换应该是很常用的东西，于是记录一下进行分享wxml代码资料交易wxss代码.swiper-tab{width:100%;text-align:center;height:85rpx

西红柿炒洋海兽·2023-09-10 14:07

解决安卓不能识别border 0.5px问题

relative;}div::after{content:"";display:block;position:absolute;width:200%;height:200%;border-radius:12rpx

爱你小前端·2023-09-10 09:02

微信小程序之上传图片功能

复制即可展示效果】点击上传图片/*wxss*/.contain{display:flex;flex-direction:row;justify-content:center;}image{width:200rpx

H.S.T不想卷·2023-09-10 07:46

轮播图横向和纵向同时滚动

轮播图横向和纵向同时滚动:0"style="margin-left:20rpx;position:fixed;margin-top:10rpx;z-index:9999;width:710rpx;border-radius

IT大师·2023-09-09 19:34

uniapp中view标题栏显示隐藏

一级导航栏✔二级导航栏三级导航栏四级导航栏五级导航栏.page{width:100%;.box{width:200rpx;height:200rpx;//background-color:pink;&:

MFG_666·2023-09-09 16:15

【微信小程序】简易音乐播放器，进度条拖拉、音乐的播放与暂停

小程序简易音乐播放器实现粗糙的页面设计：wxml部分：{{nowTime}}04:16{{isPlayText}}wxss部分：.test{width:90%;margin:auto;}.img{width:500rpx

叁五程序员·2023-09-09 16:19

uniapp nvue占满全屏样式

.最外层盒子的id/class{width:750rpx;flex:1;}nvue的css仅支持flex布局，nvue的css仅支持flex布局(官方原话)

心宽体胖的米六·2023-09-08 13:34

uniapp px转rpx适配

最近做了个小程序的项目之前用的是mpvue，做到一半发现挺多坑的，然后官方也不维护了。就想着换到uniapp。花几个小时搬迁到uniapp后发现px的适配出问题了。官方给的方案是：在src-mainfest.json中开启transformPx，试了下发现适配问题更大。于是在网上找了下方案。最好的方案就是：1、安装postcss-pxtorps-pro插件npminstallpostcss-pxt

唐_亮·2023-09-08 04:00

uniapp里textarea多行文本输入限制数量

methods:{//限制文本框字数sumfontnum(e){console.log(e)this.fontNum=e.detail.value.length}}}.inputs{height:170rpx

BJYXSZD-9185·2023-09-08 03:52

uni-app 学习笔记

注意事项背景图片不支持本地图片支持网络路径/base64格式字体同上也不支持本地字体rpa计算方式设计稿1px/设计稿基准宽度=框架样式1rpx/750rpx若设计稿宽度为750px，元素A在设计稿上的宽度为

·2023-09-07 21:37

Uni-app 中 rpx 用法

经常被UI怼后来才知道rpx这种牛逼的单位，但是看官网写的换算方法有点懵rpx是相对于基准宽度的单位，可以根据屏幕宽度进行自适应。uni-app规定屏幕基准宽度750rpx。

炫爱小七·2023-09-07 21:33

知识大杂烩(uniapp)

-`14rpx`:这是阴影的垂直偏移量，表示阴影垂直方向上偏

锅盖哒·2023-09-07 12:42

uni-app Scss使用data内的变量

$imgUrl}index/top.png)no-repeat`}},.top{&::before{content:"";display:inline-block;width:50rpx;height:

小杨小杨、努力变强！·2023-09-05 18:25

小程序多行省略

width:100%;padding-top:30rpx;overflow:hidden;display:-webkit-box;word-break:break-all;text-overflow:ellipsis

依耳私语·2023-09-05 11:22

DIV+CSS如何设置盒子圆角-左上_左下_右上_右下角-圆形

css样式{border-top-left-radius:32rpx;//左上角border-top-right-radius:32rpx;//右上角border-top-top-radius:32rpx

过了个羊·2023-09-05 11:27

uni-app 之图片

/static/img/tabbar_home1.png"}},methods:{}}image{width:50rpx;height

jun_tong·2023-09-05 04:54

小程序开发-利用canvas实现保存二维码海报到本机

H5canvas使用api大部分一致，但由于小程序中没有DOM节点的概念，所以不能使用很多现成的工具库小程序canvas默认宽度300px、高度225px小程序canvas相关的api中单位为px，并非rpx

2B_LIS·2023-09-04 22:08

微信小程序pdf预览

pdf名称.record-style{margin:0;margin-top:15rpx;padding:0;text-align:left;background:#f2f2f2;font-size:26rpx

qq_27806371·2023-09-03 12:26

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

推荐频道

rpx

uniapp progress进度条变成圆角代码 标签上添加border-radius不起效果