rpx 第11页

解决css背景图覆盖文字

想要的效果做出来的效果自己写了个样式，用scroll-view，{{item.title||''}}.main-scroll{height:64rpx;width:100%;white-space:nowrap

空&白·2023-07-25 21:19

UNI-APP_vmin横屏适配问题

其中最小的那个被均分为100单位的vmin当竖屏布局时750rpx是竖屏布局屏幕的宽度vmin不管横竖屏的情况下，100vmin都是手机屏幕的宽度，所以rpx与vmin之间有一个换算的关系：xrpx=(

小歪 | 前端·2023-07-25 21:37

小程序自定义步骤条实现

支持背景颜色自定义{{item.title}}{{item.desc}}.hl_steps{overflow:hidden;}.hl_steps_item{display:flex;margin:30rpx

小张很嚣张～·2023-07-25 19:04

flex布局自动换行并解决最后一行对齐

父级容器里面有5个子级盒子）css实现对齐效果：.flex-wrp{display:flex;justify-content:space-between;flex-wrap:wrap;padding:016rpx

TurtleOrange·2023-07-25 18:24

android react native app旋转后页面混乱解决

现象旋转之后页面会混乱猜想一：rpx()hpx()问题怀疑每次旋转之后，因为调用了rpx()hpx()重新计算宽高，重新计算的值不对，导致页面乱了解决方法：修改为全局只在刚开始算一次px的倍率，rpxhpx

Ranye123·2023-07-25 16:20

js 对数据分组（分组单位，年，月，日，时，分，秒）

{items.stamp}}{{items.num}}page,app{background-color:#ededed;height:100%;width:100%;}.list{margin:30rpx

__只是为了好玩__·2023-07-25 15:05

微信小程序跳转/打开另一个小程序

老规矩先放官方文档上代码片段头像贴纸加文字头像加国旗、圣诞帽、口罩.list{padding:20rpx;}.list-item{height:150rpx;display:flex;flex-direction

__只是为了好玩__·2023-07-25 15:35

微信小程序云开发上传多张图片 9宫格

直接看录屏（有语音说明）微信小程序开发如果播放失败请点击此处跳转腾讯视频showmethecode+发布/*上传图片*/.img-view{width:710rpx;margin:20rpx20rpx;

__只是为了好玩__·2023-07-25 15:05

uni-app常用的一些基本视图组件

横向布局演示：ABC.flex-item{width:33.3%;height:200rpx;text-align:center;line-height:200rpx;}纵向布局演示：ABC.flex-item-V

方哲Beans·2023-07-25 13:37

uni_app 微信小程序苹果手机边框显示不全

[在这里插入图片描述](https://img-blog.csdnimg.cn/3a4c4ab1a146444c84c72d360a057c01.png解决方案：原因：是因为我们在设置边框的时候设置的rpx

Sunny·2023-07-25 13:31

使用uni-app开发微信小程序时u-view样式不生效问题

输入框下面的错误信息提示文字跟输入框不对齐，向右偏一些定位到对应的元素后，并找到其父节点给他的父界面下的子节点添加样式修改信息::v-deepu-form-item.u-form-item__message{padding-left:0rpx

SZnA1·2023-07-25 10:23

小程序瀑布流布局（完美方案）

下面是两张列表页截图，大家可以看一下：//list.wxml列表//list.wxss部分样式#left,#right{width:340rpx;float:left;}#left{margin-right

讨口子·2023-07-24 22:34

通过 CSS 的样式实现语音发送动效类似声音震动的效果

实现效果：一般用于发送语音的时候，出现动画效果//模版部分//css样式+动画.musical-scale{position:absolute;bottom:50%;width:80%;height:96rpx

周小航.·2023-07-24 18:52

【uni-app】通过uni-app基础组件picker实现选择日期、时间的功能示例（完整代码+图文）

return{date:'请选择日期'}},methods:{onDateChange:function(e){this.date=e.detail.value;}}}.container{padding:20rpx

敦厚的曹操·2023-07-24 14:15

css 显示省略号和动态显示省略号

简单的实现省略号下面的代码就可以实现省略号，超过宽度的时候就会出现省略号.text-name{//宽高是一定要设置的不然是会无效延伸的width:200rpx;overflow:hidden;white-space

ScottePerk·2023-07-21 21:38

flex布局常用布局方式（一行显示固定个数，自动换行显示）

实现一行显示固定个数的元素，元素可以遍历生成的，并且自动换行显示，效果如下图所示代码实现：exportdefault{data(){return{}},methods:{}}.list{padding:30rpx

Serena_tz·2023-07-21 11:03

uniapp中slot插槽的使用

/slot1.vue"exportdefault{components:{slotOne,}}.slot-item{padding:50rpx;}效果：2、插槽

佛佛ง·2023-07-21 09:21

CSS定位到最底部

点击跳转到网站CSS定位到最底部保存.sub_com{width:100%;display:flex;align-items:center;justify-content:center;font-size:30rpx

璞~·2023-07-20 13:29

尚无忧多门店自助宠物洗护系统美容宠物寄养系统小程序

`100%`:`84rpx`}">0}]"-->预约服务SERVICE宠托师入驻APPLY我的宠物MYPETS{{item.title}}-->0}]"-->-->{{item.titl

qq_35738963·2023-07-20 09:04

css 3个元素行排列，前2个元素靠左，第三个元素靠右

行排列，默认靠左对齐，然后让第三个元素自动占满剩余的空间：flex-grow:1，text-align:end//wxml选择支付方式微信支付//wxss.payment_method{margin:35rpx040rpx30rpx

Lan.W·2023-07-20 07:50

css实现跑马灯

开发小程序时遇到个需求：跑马灯非小程序改一下标签也是可用的因文案长度不同，可以自行调整--marqueeWidth--，from{margin-left：}，.confirm_tips_text{margin:0140rpx00

LingSun·2023-07-20 03:45

uni-app：scroll-view滚动盒子，实现横（纵）向滚动条

scroll{//设置盒子样式border:1pxsolidblack;//设置盒子的外边框box-sizing:border-box;//内边框的设置，避免外边框导致右侧的边框不被展示height:200rpx

雯0609~·2023-07-19 21:22

微信小程序text文章详情布局

/*文本*/.detail{color:#666;margin-left:30rpx;margin-top:20rpx;margin-right:30rpx;line-height:44rpx;//行高

c++开发工程师·2023-07-19 18:22

微信小程序视图层莫名出现”竖线“

course_info.SectionCount}}节课程{{item}}时分秒{{course_info.PurchaseMarkup}}人最近购买css样式是这样的：.other-des{margin-top:8px;padding:20rpx

Morris_·2023-07-19 14:01

Flutter从入门到写出完整App Day11

还是有一个固定的宽度五颗星的宽度是固定死的三种思路来解决手动更改子Widget的大小FittedBox做适配,包裹Row,尽可能占据宽度,可以压缩FittedBox更好的解决方案,不同屏幕,不同尺寸Container大小变化后期会开一节课讲,自己定义一个单位RPX

JackLeeVip·2023-07-19 13:05

uni-app：单位像素rpx

rpx:响应式单位，长宽可以随着屏幕大小改变，其尺寸根据iPhone6的标准来参考（750rpx为占满屏幕宽，1334rpx为占满屏幕长。

雯0609~·2023-07-19 08:18

小程序的图表（例子是柱状图）---wxCharts

/utils/wxcharts.js');（路径要写对）3.HTML4.CSS.pieCanvas{width:690rpx;height:452rpx;margin:0auto;}5.JS(因为图标默认展示是高清图

仔仔天然呆·2023-07-18 22:11

uniapp踩坑记

首先我是用cli创建的项目1.项目配置px转rpx安装postcss-pxtorpx-provite.config.ts配置import{defineConfig}from'vite'importunifrom

maomizone·2023-07-17 03:25

微信小程序：实现轮播图

效果实现：如果不是当前图片，则将图片缩小为.8倍为当前图片时，不做样式操作使用transition属性实现滑动效果.container{height:1000rpx;}.image{width:100%

一一鸭·2023-07-16 09:50

微信小程序基础知识

目录编辑1.标签2.单位rpx3.事件3-1.事件传参3-2.绑定到外层标签上面4.条件渲染5.遍历6.数据双向绑定model:value="{{msg}}"和data里面的数据双向绑定7.本地存储8.

白云~️·2023-07-16 08:01

微信小程序css实现瀑布流布局

废话不多说直接上代码.list{column-count:2;column-gap:24rpx;}.list.item{display:block;page-break-inside:avoid;//解决出现内容分割的情况

A . 阿冰·2023-07-16 03:16

taro-ui-vue3 的虚拟列表组件VirtualScroll

vue3用法：索引号-{{index}}参数height—列表容器高度item-height—列表item高度items—列表数据注意点：item-height不能直接用设计稿里面的高度xxpx，要转成rpx

Misha韩·2023-07-16 00:42

CSS 内凹圆角

.infos{margin:32rpx0;height:880rpx;display:flex;flex-wrap:wrap;position:relative;.rediusTL,.rediusTR,

某公司摸鱼前端·2023-07-15 21:39

uni-app

uni-app一、准备工作1.新建项目2.配置浏览器3.兼容4.新建页面二、上手1.pages.json文件的页面配置与全局配置2.rpx尺寸单位3.内置组件4.vue2写法（1）模板（2）插值语法（3

ZiminLi·2023-07-15 15:37

图片文字对齐图片文字居中对齐

方法一:用vertical-align:middle;搜索.search{height:50rpx;border:1pxsolidred;text-align:center;background-color

星空小梦·2023-07-15 08:03

微信小程序 - 4.组件(video)

是视屏组件,可用于播放本地或网络视频资源,其默认宽度为300rpx,高度为225rpx该组件属性如下:属性名类型默认值说明srcString要播放视频的资源地址initial-timeNumber指定视频初始播放位置

GiottoYLY·2023-07-15 05:43

微信小程序做一个圆形图片旋转可以控制开始和结束-音乐播放器的图片旋转功能

rotate-image{width:200rpx;height:200rpx;border-radius:50%;margin:0auto;}3.在JS文件中定义旋转动画对象和控制方

星月前端·2023-07-14 21:15

uniapp文字无缝滚动

1.html部分{{item}}2.css部分.scroll_box{background:#FFFFFF;margin:30rpx;border-radius:10rpx;.swiper{margin-top

许你满眼星辰·2023-07-14 15:32

uniapp条件判断app,H5,微信小程序端

1.CSS里面判断不同的端APP：APP端/*#ifdefAPP-PLUS*/top:0;/*#endif*/H5：H5端/*#ifdefH5*/top:88rpx;/*#endif*/MP：小程序/*

许你满眼星辰·2023-07-14 15:32

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

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

不负好时光·2023-07-14 13:27

微信小程序（二）

生命周期四、vantweapp组件库1、配置2、使用进入本章前的拓展：1、input标签小程序的input标签新增了可以改变placeholder样式的属性.about-page{padding:20rpx

五秒法则·2023-07-14 11:47

uniapp 动态获取手机屏幕高度

uni.getSystemInfo({success:res=>{this.screenHeight=(res.screenHeight*(750/res.windowWidth))-336//将px转换rpx

编程全靠CV·2023-07-14 02:11

uniapp计算屏幕高度

节点宽高使用rpx，按照750rpx屏幕宽度计算与px的换算比例再用这个比例计算屏幕高度再减掉已经存在的节点高度完美兼容小程序和h5letthat=thisuni.getSystemInfo({success

weixin_41201496·2023-07-14 02:39

微信小程序原生button组件使用并修改样式

）一样，才能对其修改样式，否则样式不会被修改//重写button样式button[type=default]{background-color:#bc2840;color:#FFF;height:80rpx

_Jyann_·2023-07-13 21:45

uniapp 修改navigationBar字体大小

在app.vue中设置：uni-page-head{height:60rpx!

前端小胡兔·2023-07-13 16:19

小程序选项卡切换+顶部导航栏

Mrs祝·2023-06-23 21:51

uniapp 设置“softinputMode“: “adjustResize“，键盘弹出时，会遮挡住输入框

调试了很久，以为是页面布局啥的原因，后面直接给根元素一个padding-bottom:600rpx解决了。目前不知道具体原因，或许软键盘弹出的时候不能正确获取页面高度导致。总之感觉是一个BUG。

九九100·2023-06-22 23:28

实现圆角边框渐变

首先先写一个父元素，实现背景颜色渐变.switch-button{width:168rpx;height:50rpx;background-image:linear-gradient(toleft,#F14D4D

·2023-06-21 14:42

微信小程序 — tag标签设置选中效果和未选样式

stateNotchoose未选中（默认）样式.stateChoose{width:206rpx;height:62rpx;background:#f0f8ff;border:1rpxsolid#0281fe

棒怡情·2023-06-21 10:54

uniapp写出文本域，右下角并限制字数200

中定义一个变量descdesc:'',descInput(e){console.log(e.detail.value.length,'输入的字数')},样式:.textarea_box{padding:20rpx

麦兜的明天·2023-06-21 08:22

推荐频道

rpx