rpx

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

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

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

}介绍推荐评价page{width:100%;height:auto;background:#f3f3f3;}.nav{background:white;z-index:99;box-shadow:0rpx
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

小程序实现select下拉框选择器

300:selectData.length*60):0}}rpx;'>{{item}}wxsspage{background:#f3f7f7;}.select_box{background:#fff;width
萧—Μουσαι·2023-06-21 08:11

小程序--自定义轮播圆点

轮播圆点样式修改*/.swiper-box{position:relative;width:100%;}.dots{position:absolute;left:0;right:0;bottom:20rpx
中建云筑股份有限公司·2023-06-19 19:53

样式定义

1、微信宽度自适应，定义屏幕宽度是750rpx，不管它实际宽度为多少，750rpx即为整屏宽度。会根据屏幕大小来实际调整容器宽度。
小红猪大鼻孔·2023-06-19 00:06

小程序图片设置宽高的方法

1.image组件默认宽度300px、高度225px；2.css设置宽高（尺寸最好为rpx，更适应屏幕）3.mode设置缩放模式（13种）样式设置宽度100%添加属性mode="widthFix"4.套在
文朝明·2023-06-18 11:22

css如何设置input的placeholder样式

方式1：以上代码只要申明placeholderStyle的样式即可：.placeholderStyle{font-size:30rpx;color:#efcc72;}方式2，这个方法比较野，有些环境下还不一定生效
得知此事须躬行·2023-06-18 06:01

Webpack 插件实现 CSS 样式尺寸单位转换

Webpack插件实现CSS样式尺寸单位转换实现方式一插件代码以下是编写的一个Webpack插件，用于将样式文件中以rpx为单位的值转换为以px为单位的值（换算比率为1px=2rpx）：constpluginName
飞仔FeiZai·2023-06-15 15:18

微信小程序漂亮按钮（中间矩形两端半圆形）

.wxsswidth:400rpx;height:100rpx;border-radius:100rpx;background-color:pink;color:white;line-height:100rpx
加倍努力中·2023-06-14 10:20

uniapp兼容ipad平板配置

uniapp开发后，ipad或其他平板时候，rpx（upx）兼容性有问题，内容过小，没有自适应屏幕。
搬砖的前端·2023-06-14 01:31

uni.getUserProfile获取的微信昵称是微信用户，头像获取的是默认头像

小程序用户头像昵称获取规则调整公告|微信开放社区解决效果：代码：邀请您补全个人信息如果已设置，请忽略头像昵称取消确认data(){return{dialogStyle:'border-radius:16rpx
maxiaole_z·2023-06-14 01:38

css实现边框：圆角+渐变

网上搜的说的太多，自己记录下.list{display:flex;flex-direction:column;border:solid2rpxtransparent;border-radius:12rpx
maxiaole_z·2023-06-14 01:07

微信小程序实现瀑布流布局效果

、内容1、xml代码推荐{{itemName.name}}2、css代码/*列表标题*/.list_title{background-color:transparent;margin-right:30rpx
人民的石头·2023-06-13 20:46

小程序开发笔记

WXSS尺寸单位rpx在网页开发中使用过lib-flex(可伸缩布局方案)，看到这个单位真是很惊喜。开发时，可以使用postcss插件wx-px2rpx将px转换成rpx。ba
·2023-06-13 19:13

uniapp适配问题

原文链接：https://blog.csdn.net/weixin_52312684/article/details/125218453一.计算公式设计稿1px/设计稿基准宽度=框架样式1rpx/750rpx
曾许人间第仪流·2023-06-13 06:28

小程序之scroll-view用法

小程序之scroll-view用法水平滚动123.box{width:100vw;hight:200rpx;/*white-space不能丢*/white-space:nowrap;border:1pxsolidred
兔子___·2023-06-12 19:53

微信小程序==>定义轮播图swiper dots默认样式

htmlwxss.swiper-container{position:relative;}.swiper-container.swiper{height:300rpx;}.swiper-container.swiper.img
想做一个画家·2023-06-12 19:17

css画半圆环

.circlr_css{position:relative;display:flex;justify-content:center;.a{width:200rpx;height:200rpx;background-color
程序媛之博客·2023-06-12 18:20

项目README文件的书写示例

如何书写一个好的readme文件呢，下文是以小程序wepy框架开发的项目为例##规范一、样式还原按设计稿基准机型100%还原，其他机型做适配主题字体、颜色等设置全局变量长度单位rpx(不再设定变量转换)
xiaofiy·2023-06-12 18:26

iphone尺寸大全

而在微信开发工具中，默认使用的是rpx，1rpx等于0.5px。因此，在进行开发时，需要对不同的单位进行换算和适配。
T3165919332·2023-06-12 15:02

关于小程序如何长按复制长文本的方法(比较简单的一种)

downLink{margin-top:20rpx;color:#2969F6;word-break:break-all;padding-left:20rpx;padding-r
⁡⁠⁢⁢⁡·2023-06-12 07:29

轮播图上添加不跟随滑动的标题

{{custname}}.swiper-container{position:relative;}.swiper{height:360rpx;}.swiper-container.swiper{height
风规自远·2023-06-12 03:37

关于设计图为640，使用小程序的rpx问题

关于设计师出的不是小程序官方推荐的(750*1334)设计图使用rpx问题小程序自己的单位rpx，官方建议设计师可以用iPhone6作为视觉稿的标准(7501334),但是总有部分设计师(部分，希望不要被自己公司的设计师看到此文章
代码锋·2023-06-10 10:24

微信小程序实现A-Z导航的Slidebar

}{{currentKey}}slidebar.wxss/*components/slidebar/slidebar.wxss*/.slidebar{position:absolute;right:0rpx
DrJasonZhang·2023-06-10 07:24

webstorm+小程序相配合来开发小程序

前言：webstorm可以安装的一个小程序插件：wechat-miniprogram-plugin，来实现小程序语法的高亮，并识别rpx这种小程序专有单位，还可以实现跟开发者工具中一些类似的操作功能。
浩星·2023-06-09 16:22
上一页 8 9 10 11 12 13 14 15 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他