rpx

微信小程序：轮播图中间大两边小、中间放大高亮显示

1:0}}"previous-margin="96rpx"next-margin="96rpx"bindchange="swiperChange">//jsdata:{currentIndex:0,posterList
欢欢小天使K·2023-01-31 15:26

微信小程序-自定义顶部导航栏(选项卡)-已解决

效果图:wxml:{{item}}111111222222wxss:.navbar{flex:none;display:flex;background:#fff;border-bottom:1rpx#07C160
UnIQUE Eason·2023-01-30 13:02

设计小程序时注意事项

小程序里的尺寸单位叫rpx，可以根据屏幕宽度进行自适应。在750*1334的设计稿里，1px=1rpx。如果你心疼你的开发小哥哥，让他少掉点头发，设计稿用750*1334的尺寸。但如果你的开发小哥哥
Guan官官·2023-01-28 23:24

微信小程序 swiper 组件 自定义样式

index.wxml{{item.subtitle}}{{item.name}}index.wxss/*幻灯片*/.swiper{width:100%;height:300rpx;display:flex
柏龙·2023-01-28 02:23

uniapp中不同大小的图片如何在相同的view中大小显示一致

但是页面渲染时如何保持图片显示大小一致,本文说下自己的做法.最简单的办法是保持包裹image的view大小与image中大小一致,实现方式如下:style中:.image_class{width:280rpx
卖柴火的小伙子·2023-01-27 13:31

小程序悬浮按钮进入内页

wxml：wxss：.set_button{background-color:rgba(255,255,255,0);border:0px;height:120rpx;right:20rpx;bottom
linwene·2023-01-27 00:11

【微信小程序】返回顶部组件

按照之前讲的组件创建步骤，创建组件wxml:顶部wxss:.back-top{width:100rpx;height:100rpx;position:fixed;background:white;right
RealHumans·2023-01-26 18:48

小程序瀑布流

使用css实现小程序中的瀑布流wxml文件内容dffdfdfdwxss文件内容.thePage{padding:20rpx;}.content{column-count:2;column-gap:20rpx
木马sun·2023-01-26 11:04

2020-07-14

right){val=left+'rpx'}returnval},getRight:function(left,right){varval=right+'rpx'if(left&&!
cydida·2023-01-26 05:28

WeChat 如何理解rpx

Unsplash在小程序样式表中，我们绝大多数的长度单位都设置成rpx，而不是我们常见的px，使用rpx小程序会自动在不同的分辨率下进行转换，而使用px为单位则不会UI同学给我们的视觉稿一般是以i6为标准进行设计的
Nian糕·2023-01-26 03:00

微信小程序——WXSS模板样式，rpx，样式导入，全局样式和局部样式,全局配置-window

与CSS相比，WxsS扩展的特性有：rpx尺寸单位@import样式导入二.rpx1．什么是rpx尺寸单位rpx(resp
杪商柒·2023-01-16 16:07

微信小程序实现左边图片右边文字效果

实现的效果：xml布局文件：班车查询css文件：.chuxingItem{display:flex;flex-direction:row;align-items:center;}.img{width:46rpx
zpon_wangxuan·2023-01-10 03:24

Css知识扫盲

homeItemBox{display:flex;flex-wrap:wrap;justify-content:flex-start;}.homeItem{display:flex;width:calc((100%-20rpx
·2023-01-04 17:58

微信小程序之GoodsAction 商品导航

wxml：留言wxss：.bottom_liuyan{width:45%;height:100rpx;background-color:white;d
Memory沙漏·2022-12-26 08:54

uniapp如何渲染html模板,uni-app 页面样式

页面样式与布局尺寸单位uni-app支持的通用css单位包括px、rpxpx即屏幕像素rpx即响应式px，一种根据屏幕宽度自适应的动态单位。以750宽的屏幕为基准，750rpx恰好为屏幕宽度。
远薇·2022-12-25 15:26

小程序02/小程序 响应式单位rpx 、image组件概念说明 和 mode属性介绍

一.响应式单位rpxrpx说明rpx:规定不管屏幕为多少px,100%的屏幕宽度就是750rpx100%屏幕的宽度=750rpxrpx响应单位rpx是微信小程序独有的，解决屏幕自适应的尺寸单位可以根据屏幕宽度进行自适应
春暖花开.,·2022-12-24 16:02

状态反馈极点配置控制器设计学习笔记

一、状态反馈调节器设计问题对于被控对象：x˙=Ax+Bu,x(0)=x0\dotx=Ax+Bu,x(0)=x_0x˙=Ax+Bu,x(0)=x0其中，x∈Rn,u∈Rpx\inR^n,u\inR^px∈
一饮丶一啄·2022-12-23 16:02

css3：呼吸灯效果，图片上下跳动

用到的API：@keyframes、animation、transform:scale()、transform:translateY().createAnimation{width:750rpx;height
sunly_·2022-12-22 07:40

微信小程序——弹出并隐藏键盘（带有输入框，可编辑）

1、编辑好静态文件.HTML文件编辑.css文件.editView{width:100%;height:110rpx;background-color:rgb(35,36,35);display:flex
Is Ying_J!·2022-12-21 14:32

微信小程序基础-05-WXSS&WXML&WXS

一、页面样式写法行内样式、页面样式、全局样式三种样式都可以作用于页面的组件如果有相同的样式  优先级依次是：行内样式>页面样式>全局样式二、支持的选择器三、wxss的扩展——尺寸单位rpx（responsivepixel
清晨的第一抹阳光a·2022-12-17 13:30

微信小程序开发之WXSS模板样式与WXS脚本语言

目录一、WXSS（1）rpx尺寸单位（2）样式导入（3）全局样式与局部样式（4）常用样式二、WXS（1）概念（2）应用场景（3）WXS与JavaScript的关系（4）基本用法内嵌的wxs脚本外联的wxs
Aricl.·2022-12-17 13:00

微信小程序实战 (WXSS:小程序版CSS、WXS:小程序版JavaScript)

1.1.尺寸单位1.1.1介绍rpx可以根据屏幕宽度进行自适应。与px的换算关系，下图可以看出不同的手机
m0_74187031·2022-12-17 13:27

微信小程序2-WXSS,WXS

同时为了更适合开发微信小程序，WXSS对CSS进行了扩充以及修改1).像素rpxrpx（responsivepixel）:可以根据屏幕宽度进行自适应，规定屏幕宽为750rpx，假如一个屏幕为375px、
k55·2022-12-17 13:26

「微信小程序开发 | 6类居中布局」

块1块2块3/*wxss*/.father{width:100%;height:300rpx;background-color:#FFFFCC;}.children1{background-color:
·2022-12-14 16:07

微信小程序：使用canvas 生成图片 并分享

Y轴5、单行行高6、文本的宽度*/toFormateStr(ctx,str,axisX,axisY,titleHeight,maxWidth){//字体ctx.setFontSize(14*this.rpx
悠悠~飘·2022-12-09 22:08

微信小程序之生成海报保存本地

知识都在代码里index.wxml生成海报保存图片.canvas-box{width:100%;height:1000rpx;margin-top:30rpx;}.canvas-boxcanvas{/*
xiaomomi·2022-12-09 22:08

Uniapp入门

vue语法写小程序丰富的生态环境、官方及第三方插件、论坛活跃度高一套代码编到14个平台注意点所有的div使用view替换，在h5中虽然显示正常，但在微信小程序等中就会报错在小程序中的单位一般用响应式的rpx
Paranoia_yy·2022-12-05 17:57

微信小程序云开发-登录实例

先上布局wxml用户管理中心账号：密码：自动登录记住密码注册登录wxss.reg{width:100%;border-top:1pxsolid#eeeeee;padding-bottom:50rpx;}
程序员-南·2022-12-05 15:25

微信小程序学习笔记

stringschema)|微信开放文档https://developers.weixin.qq.com/miniprogram/dev/api/base/wx.canIUse.html4、移动设备的分辨率与rpx
JAVA代码搬运工·2022-12-03 21:01

微信小程序 -语音合成：将文字转为语音（小程序插件：微信同声传译）

小程序后台添加微信同声传译插件效果图：2.wxml文件代码        开始    结束  3.wxss文件代码.yuyinWrap {  position: relative;  margin-top:300rpx
临沂码农王老七·2022-12-01 22:12

微信小程序 -- 语音合成：将文字转为语音（插件：微信同声传译）

/details/98080498**2.代码实现**页面如下：21.wxml代码如下：开始结束wxss代码如下：.yuyinWrap{position:relative;margin-top:300rpx
Mr nan.·2022-12-01 22:34

【微信小程序入门到精通】— window 导航栏配置

本篇文章首先介绍一下在wxss中我们rpx的应用以及我们对于小程序全局样式以及局部样式的配置，然后我们将详细介绍如何配置我们
一碗黄豆酱·2022-11-29 19:21

微信小程序：意见反馈制作（1）（可加图片）

意见反馈效果图2.自制意见反馈效果图wxml问题的种类功能建议购买遇到问题性能问题其他+提交wxsspage{background-color:#eeeeee;}.fb_main{padding:20rpx
颖儿♡＾▽＾♡·2022-11-24 08:57

微信小程序段落样式

微信小程序段落样式.detail-content{color:rgb(15,15,17);line-height:80rpx;/*行高*/font-size:35rpx;padding:00rpx010px
Panda-Ya·2022-11-22 19:24

uni-app 小程序 下拉框折叠 动画 简单实现

通过动态设置展示区域的高度实现，初始定位0rpx；在点击箭头的时候，动态赋值其真实高度，通过transition:all.38s来实现话不多说直接上代码****.content-region{height
Li_Ning21·2022-11-21 20:37

微信小程序波浪动态效果和背景色渐变（使用动态图，有手就行，但是流动速度固定波浪数目也固定）

background-color:#fff;/**页面背景色**/}.header{/**顶部背景**/position:relative;/**相对于自己文档的位置来定位的，对旁边的元素没有影响**/height:750rpx
fangyuan__·2022-11-15 18:36

uniapp 开发实操二：uniapp 调用 微信小程序自定义组件

1.微信小程序原生调用组件页面源码：样式：.container{padding:25rpx;display:flex;flex-direction:row;justify-content:space-between
天水一欢·2022-11-10 19:23

css 设置切换导航(带下划线)

1vue完成未完成2css.head-nav{display:flex;margin:24rpx0;width:100%;view{margin:10rpx;}.active{position:relative
老胡说前端·2022-10-28 16:53

微信小程序 - 自定义slider组件样式

效果图image.pngimage.png组件wxml组件样式wxss.component-slider{width:100%;position:relative;margin:0rpxauto0rpx
hao_developer·2022-10-13 19:08

微信小程序开发实战（WXSS VS CSS）

个人社区（欢迎大佬们加入）：社区链接：觉得文章不错可以点点关注：专栏连接：感谢支持,学累了可以先看小段由小胖给大家带来的街舞微信小程序（）目录✔什么是WXSS✔WXSS和CSS的关系1、WXSS模板样式-rpx1.1
SYFStrive·2022-10-04 12:07

【微信小程序】day02

jsonjswxmlwxssflex布局display:flexflex-direction:row/columnjustify-content:…align-item:…小程序开发组件（标签）textviewimage样式rpx
穿越牛熊的程序员·2022-09-30 17:14

uniapp uni-popup弹窗在app端内容过多时，不滑动的问题

解决方式其中一种可以使用scroll-view标签，结合scroll-y="true"使用，方式如下示例渲染内容其中，主要样式如下：.content_list{height:760rpx;overflow-x
小鳄鱼丶·2022-09-29 18:57

[极致用户体验] 为什么2022年不建议你在小程序中用rpx

我是HullQin，公众号线下聚会游戏的作者（欢迎关注公众号，发送加微信，交个朋友），转发本文前需获得作者HullQin授权。我独立开发了《联机桌游合集》，是个网页，可以很方便的跟朋友联机玩斗地主、五子棋等游戏，不收费没广告。还开发了《DiceCrush》参加GameJam2022。喜欢可以关注我HullQin噢～我有空了会分享做游戏的相关技术。背景最近写了3篇关于微信大字号的文章：《在微信大字号
·2022-09-28 09:16

grid布局浏览器兼容_微信小程序对css grid布局兼容性问题

grid-template-columns:1fr1fr;grid-template-columns:repeat(5,1fr);place-content:stretchstretch;grid-row-gap:15rpx
weixin_40001442·2022-09-28 07:57

小程序Grid网格布局记录

123456789css.grid-container{display:grid;/**声明**/grid-template-columns:1fr2fr1fr1fr;/**列数**/grid-gap:10rpx
webmastar·2022-09-28 07:56

微信小程序使用wx:for时flex布局不生效

.flexDemo{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:150rpx;margin-bottom:150rpx
qwe122343·2022-09-28 07:56

TDesign组件库 小程序组件怎么自定义CSS样式

不知道有没有人跟我有同样的疑问，看了几遍文档后我懂了Html代码CSS代码.searchBox{width:568rpx;margin-left:16rpx;border-radius:34rpx;--
向前跑丶加油·2022-09-24 08:09

微信小程序之获取用户信息

复制即可展示效果】1、wx.getUserInfo：该方法已经弃用，获取到的userinfo为默认的信息，不再是用户的真实信息；当前用户名：{{name}}授权登录/*wxss*/image{width:200rpx
H.S.T不想卷·2022-09-24 00:21

u-view的使用

$u.config.unit='rpx'3.在引入uView的
曾许人间第仪流·2022-09-22 20:00

uniapp中处理swiper轮播图

swiper{width:100%;height:400rpx;}.swiper-itemimage{width:100%;height:400rpx;}2.注册组件并使用，哪里需要在哪里引入。就
zhangli0421·2022-09-20 15:11
上一页 11 12 13 14 15 16 17 18 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他