rpx

scroll-view自动适应高度，不定高度

scroll-view需要设置一个高度值，它才可以滚动，如：height:300rpx。
邱铁牛·2023-06-08 16:03

微信小程序 —— 图片占位处理

占位图效果如下：实现代码：HTML：CSS：.protocol-image{width:100%;height:auto;min-height:300rpx;background-color:#fafafa
小草莓蹦蹦跳·2023-06-08 10:41

uniapp(二) 之 uniapp 搭建与组件库的引用

小扩展：rpx（responsivepixel）:可以根据屏幕宽度自适应。规定屏幕宽度为750rpx。
我是小白855·2023-06-07 02:34

vue3+uniapp开发小程序踩坑指南（持续更新）

没有配置小程序AppID2、defineisnotdefined报错一堆文件找不到，并且有defineisnotdefined错误提示原因：没有配置基础库或者基础库版本过高3、图片没设宽高，固定宽高变形rpx
我是小白855·2023-06-07 01:59

vue时间线组件(可以自己改样式，容易使用)

css.record{padding:132rpx48rpx40rpx;backgrou
温暖_0ab1·2023-05-12 09:30

web前端网页单位、像素、px、rpx、em、rem、vw、vh、vm、%

文章目录前言背景1、px2、rpx3、em4、rem5、vw6、vh7、vm8、%前言背景随着Web的发展，对新的适配解决方案需求也会继续增大，对网页的要求更高。
素码人·2023-04-21 18:07

这可能是小程序使用 tailwindcss 开发的最佳方案

tailwindcss1.npm安装tailwindcss2.把tailwindcss注册进postcss.config.js3.配置tailwind.config.js4.引入tailwindcss二.配置rem转rpx
·2023-04-20 14:28

微信小程序实现IOS上的box-shadow效果

而不要使用rpx就可以。想要实现阴影效果：image.pngcss属性选择：box-shadow属性。
王月_92f2·2023-04-19 16:01

uniapp 下拉框

--请选择--':courseTypeList[index].name}}{{item.name}}[点击查看]=5"style="font-size:35rpx;color:#808080;">[会员专属
长春小霸王·2023-04-18 22:59

小程序修改weiui-uploadimg的+号图标为自定义图片

base64位２、在weui.css中修改以下代码.weui-uploader__img{display:block;width:100px;height:100px;border-radius:20rpx
bilichen006·2023-04-18 19:25

uni-app:登录与支付--用户信息

美化当前组件的样式：.my-userinfo-container{height:100%;//为整个组件的结构添加浅灰色的背景background-color:#f4f4f4;.top-box{height:400rpx
开局：从前端小白做起·2023-04-18 00:12

微信小程序修改radio内部样式

：image.png但是有时我们需要它的中间是个圆image.png首先wxml就没什么了是否我们主要是对样式文件进行修改/*单选按钮样式*/radio.wx-radio-input{width:40rpx
猜火车丶·2023-04-18 00:58

基于微信小程序wepy中 scroll-view滚动到指定位置（定位到id位置，使用 scroll-into-view）附带三层下拉框例子

设置哪个方向可滚动，则在哪个方向滚动到该元素，如bottomView111）style="height:500rpx"高度必须指定，scroll-y="true"Y轴scroll-with-animation
大大。·2023-04-17 23:24

微信小程序开发-4

1页面底部添加固定位置按钮image.png.wxml:底部位置固定.wxss:.Scancode{font-size:39rpx;background:#eee;position:fixed;bottom
小岛wink·2023-04-17 10:13

css3实现简单动画效果及以小程序为例

translate这个属性控制对应的x轴y轴的移动zuobiao实现过程wxml点击开始动画css.container{position:relative;}//三角形.triangle{width:0rpx
独孤久见·2023-04-16 12:27

微信小程序踩坑记录 ------- canvas 生成带小程序码的微信朋友圈分享图

废话不多说直接上干货wxml分享助力保存到相册wxss.share{width:356rpx;height:80
喵了__个咪·2023-04-15 09:55

Webstorm uni-app 小程序rpx单位报错

敲完之后习惯格式，格式化后变成200rpx，报红。不管他也可以运行，但是强迫症犯了。
Lan.W·2023-04-14 20:15

移动端树形结构

效果组件代码0":style="{width:(level-1)*24+'rpx'}"class="space">0"class="relevance">{{item.nam
Yihua_2021·2023-04-14 16:28

微信小程序+webSocket一对一客服聊天

mySelf['nickname']}}{{val['content']}}chat.wxss/*pages/chat/chat.wxss*/.chat-all{width:100%;height:1148rpx
肖雄熊·2023-04-14 14:01

微信小程序WeUI中half-screen-dialog的小问题

可以使用以下方法外部样式类取名为weui-half-screen-dialog.weui-half-screen-dialog{margin-bottom:-100rpx!import
cabbagesmile·2023-04-14 08:18

WXSS-WXML-WXS语法

目录：1WXSS编写程序样式2Mustache语法绑定3WXML的条件渲染4WXML的列表渲染5WXS语法基本使用6WXS语法案例练习小程序的自适应单位rpx。
木公176·2023-04-11 14:40

小程序hover-class点击态效果实现 或者 小程序某些机型点击跳转有延迟没反应降低用户体验

点击小程序图片页面跳转，在有的机型中存在点击跳转延迟的现象，可以使用view包裹image标签.img-hover{position:relative;left:2rpx;right:2rpx;}小程序
建安zy·2023-04-11 08:41

u view ＜u-form-item label=“收货地址“ prop=“detail“ ＞ type=“textarea对齐

/deep/.u-form-item{padding:0030rpx;.u-form-item--left__content__label{font-size:32rpx;color:#333;line-height
我有一粒花生米·2023-04-10 12:21

微信小程序switch开关组件修改样式(大小，颜色)

微信小程序switch开关组件修改样式，大小，颜色1、大小2、颜色1、大小/*swtich整体大小*/.wx-switch-input{width:100rpx!
徊忆羽菲·2023-04-10 11:03

自定义组件

创建自定义组件//json文件中，声明这是一个组件{"component":true}//wxml文件中，定义组件结构{{message}}关闭//wxss文件中，定义组件样式.tip{width:750rpx
九尾的日志·2023-04-09 09:38

使用webstorm开发uniapp微信小程序不支持css单位rpx的解决方案

使用webstorm开发uniapp微信小程序不支持css单位rpx的解决方案1.需求背景最近在开发基于uniapp开发的微信小程序，使用了webstorm开发工具，但是次开发工具不支持uniapp的css
木屋x·2023-04-09 08:01

iphoneX底部安全区域适配

safe-area-inset-bottom是不行的，至少我试了不行，必须两个一起加.bottom{width:100%;position:fixed;bottom:0;background-color:#fff;padding:10rpx32rpx10rpx
真是个非常帅气的昵称呢·2023-04-09 06:15

微信小程序解决 text 设置行高 line-height 无效的问题

效果图哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈//xxx.wxss.view-text.text-content{font-size:32rpx;}.view-text{line-height
chenxuxu·2023-04-08 13:51

webstorm开发uniapp时rpx单位问题

痛点：使用webstorm开发小程序或者uniapp时，无法识别rpx单位报红，格式化后会在数值与单位之间添加空格下载插件.png配置插件.png配置后rpx就不飘红了.png使用webstorm自带格式化
码码虎呼·2023-04-08 11:50

微信小程序的轮播图

html部分css部分.wrap{height:auto;position:relative;}.swiper{width:100%;height:560rpx;}.slide-image{width:
释怀Believemin·2023-04-07 19:27

微信小程序布局、功能实现、常用组件、云开发汇总

1.基础知识小程序中，不需要主动来引入样式文件；尺寸单位rpx根据屏幕宽度进行自适应，规定所有屏幕宽为750rpx；以前用的px像素，最好改成rpx，百分比也可以；1.1框架介绍1.2组件介绍text相当于
CodeLuweir·2023-04-07 12:53

微信小程序拍照加水印

根据上次1.wxml代码：因为拍照要到指定位置显示，这里的canvas我想隐藏，就用了css：position:fixed;left:10000rpx。
sq yang·2023-04-07 11:47

微信小程序学习笔记

小程序宿主环境包含的内容2.小程序-模板与配置2.1使用WXML模板语法渲染页面结构2.1.1数据绑定2.1.2事件绑定2.1.3条件渲染2.1.4列表渲染2.2使用WXSS样式美化页面结构2.2.1rpx2
栀虞子·2023-04-07 01:25

微信小程序60秒倒计时

index.wxss**/.userinfo{display:flex;flex-direction:column;align-items:center;}.section{display:flex;margin:16rpx
laozuo2·2023-04-06 21:14

小程序实现商品数量加减

又来啦~~~~~效果页面：image-{{count}}+/*pages/home/home.wxss*/.jisuan{width:150rpx;height:50rpx;display:flex;justify-content
skydot·2023-04-06 19:06

微信小程序 Map的简单使用

map.wxmlmap.wxss.map{width:100%;height:500rpx;}map.jsconstapp=getApp()Page({data:{scale:18,latitude:"
周南城·2023-04-06 07:45

微信小程序-横向滑动scroll-view隐藏滚动条

wxmlwxss.recommend_scroll_x_box{height:245rpx;white-space:nowrap;display:flex;}::-webkit-scrollbar{width
神木惊蛰·2023-04-05 20:07

微信小程序里面如何使用svg图片

svg代码贴到下图中红线圈起来的位置,会自动转成base64,然后将base64代码部分复制下来放到浏览器里面打开,可以看到结果.最后在小程序里面使用,如下支付.back.image{width:19rpx
榴莲不好吃·2023-04-02 06:55

微信小程序自定义checkbox 样式

wxml结构如下{{item.name}}微信小程序重置checkbox的样式/*checkbox整体大小*/checkbox{margin:0;padding:0;width:40rpx;height
Joan_King_·2023-04-01 23:39

day02-微信小程序基础(wxml+wxss)

rpx尺寸单位：可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在iPhone6上，屏幕宽度为375px，共有750个物理像素，则750rpx=375px=750物理像素，1rpx=0.5
姑苏_慕容博·2023-04-01 14:42

微信小程序-swiper轮播图圆角滑动会先直角再圆角的解决办法

项目中，轮播图原本的直角觉得不够美观，于是设置了圆角border-radius:10rpx;，但是会出现一个bug就是，滑动过程中先显示的直角，等滑动一整张之后才会变成圆角。
肉肉要次肉·2023-04-01 11:33

uni-app css尺寸单位rpx介绍

一，前言1.在使用uni-app开发小程序时支持的尺寸单位如下（1）基础单位：px，rpx（2）h5单位：rem，vm，vh2.rpx是微信小程序提出的一种响应式px二，rpx介绍1.现实情况下，ui设计师只提供一个分辨率的图
笔记诗人·2023-04-01 11:33

【小程序】开发需要注意的地方（一）

规定屏幕宽度为750rpx，在iPhone6上，屏幕宽度为375px，共有750个物理像素，则750rpx=375px=750
空城皆是旧梦·2023-03-31 22:56

小程序人脸打卡开发

face-camera/index.wxss/*pages/jobs/moving-clock/sign/comp/face-camera/index.wxss*/.camera{/*width:480rpx
Biao_349d·2023-03-31 15:32

微信小程序实现列表左右滑动

1、我们可以把列表的元素放在scroll-view控件中，并且让scroll-view实现横向滑动2、把列表内容项的宽度占满手机宽度，利用rpx特性（自适应屏幕），默认iphon6就是750rpx，只要设置大于等于
野西大人·2023-03-31 05:56

栅格布局基础样式

/*栅格布局基础样式*/.container{display:block;margin:0rpx;}.row{display:flex;font-size:28rpx;}.col>.col-1,.col
微little·2023-03-30 09:40

小程序面试题

是框架设计的一套标签语言，结合基础组件，事件系统可以构建出页面结构wxss样式文件js脚本逻辑文件json配置文件wxss和css的区别wxss背景图片只能外链或者base64使用@import相对路径引入外联样式尺寸为rpx
play_0·2023-03-29 23:59

安卓前端开发中的几种常用框架

wxml全部正在拍我拍中待付款.wxssPage{}.swiper-tab{background-color:#fff;width:100%;text-align:center;line-height:60rpx
weixin_30726161·2023-03-28 19:16

【微信小程序】WXSS和全局、页面配置

文章目录一，WXSS1.1rpx尺寸单位1.2样式导入@import1.3全局样式二，全局配置2.1属性三，页面配置一，WXSS首先我们先介绍一下wxss，wxss是微信小程序独有的模板样式，它类似于web
前端小刘不怕牛牛·2023-03-28 16:45

小程序学习之旅

1，只有用标签包围的字体才可在小程序中被长按选中2，图片长宽高用rpx，建议设计师用iphone6的尺寸来做效果图，750个像素、3，css样式考虑大局观，否则会有代码断层的问题。
卡大叔·2023-03-28 00:25
上一页 9 10 11 12 13 14 15 16 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他