rpx 第15页

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

先上布局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

uniapp-swiper轮播图中间放大两边缩小

但是需要轮播到中间的时候,中间放大.是采用uniapp开发的小程序下面贴代码和效果图哈代码块:{{item.title}}{{item.txt2}}.con-part2-con{width:100%;height:390rpx

陈十三13·2022-09-20 15:37

uni-app之video视频组件

三.案例实战1.video界面2.css样式.pagevideo{width:750rpx;}2.实现效果

神之凝视·2022-09-20 15:13

微信小程序上拉加载

效果是这样的，代码：wxml:{{item.id}}--{{item.names}}wxss:.contain{width:100%;}.listCont{width:100%;padding:20rpx

lfkabb·2022-09-20 15:06

微信小程序自定义模态框

恭喜你，成功加入班级确定代码展示-wxss/**index.wxss**/ .show-btn{ margin-top:100rpx

·2022-09-14 18:07

四种方法解决微信小程序设置背景图片，哪种最好？

代码：.bg{width:750rpx;height:540rpx;background-image:url(../..

码农单克·2022-09-08 04:28

css的after右箭头,偷师成功，纯CSS绘制右箭头及其他——灵动外卖开发笔记

min高度值在iP5下是14px，iP6下是16px，iP6Plus下是18px)的自带上边距，在wxml面板下查看padding/margin却没有什么异样，索性手动给了margin-bottom:32rpx

鞠慧敏·2022-09-07 09:27

css 绘制上，下，右，左箭头

1上箭头.drawJt{border:4rpxsolid#c2c0c0;width:40rpx;height:40rpx;border-left-color:transparent;border-top-color

老胡说前端·2022-09-07 09:23

小程序中rpx与px的换算

前言：小程序种有个rpx的单位，跟vw/vh有点像，根据手机分别率来调整具体大小rpx:微信小程序开发中新出了尺寸单位rpx（responsivepixel）:可以根据屏幕宽度进行自适应。

浩星·2022-09-02 22:08

uniapp实现上传图片

HTML部分如下：上传照片:附带图片：Css：.shangchuan{width:90%;height:200rpx;margin:0auto;display:flex;align-items:center

mengdong_524·2022-09-02 17:45

uniapp 小程序轮播图露出前、后项的一部分及动态设置背景图

1.露出前一项、后一项的一部分，需要给swiper设置previous-margin，next-margin，可接受rpx、px的值,注意支付宝跟微信设置的不一样，需要分情况处理html2.动态设置背景图

轩轩小王子·2022-08-29 14:14

js实现签到日历

805rpx':'730rpx'}}"> 本月已签到{{recordList.length}}天 {{chooseYear}}年{{chooseMonth

·2022-08-29 09:56

解决uni-app中flex布局子元素宽度溢出

页面布局如下样式：.friend-list{width:100%;height:128rpx;display:flex;}.avatar{width:84rpx;height:84rpx;}.wrapper-right

玖伴_·2022-08-27 00:34

微信小程序左右滑动删除事件详解

删除 /*列表*/.list{ display:flex; justify-content:space-between; width:100%; height:100rpx

·2022-08-24 17:48

微信小程序比较两个数大小的实现方法

index.js代码总结效果图wxml代码请输入第一个数字：请输入第二个数字：比较大小比较结果为：{{result}}wxss代码/**index.wxss**/.demo-box{margin:50rpx

·2022-08-24 17:16

微信小程序音频录制波纹循环动画

利用微信小程序的animation)wxml部分长按 wxss部分/*pages/myRecode/myRecode.wxss*/.myRecode{ padding-top:500rpx

·2022-08-19 09:25

uniapp轮播图

mycurrent:0}},methods:{handlechange(e){this.mycurrent=e.detail.current}}}.swiper-item{border-radius:30rpx

白嫖leader·2022-08-18 21:55

CSS实现字体描边的方法

最近写uni项目实现字体描边，但是发现仅仅使用css的属性会覆盖文字本身；-webkit-text-stroke:8rpx#202020;参考了”WEB嘟嘟“CSS实现字体描边的方法_WEB嘟嘟的博客-

前端小胖达·2022-08-15 00:10

微信小程序语法总结

常用字体样式属性font-family(字体类型)SerifSans-serifMonospaceCursiveFantasyfont-size(字体大小)5px/rpx/cmlargesmallmediumlargersmallerfont-style

wuli_Thames·2022-08-10 10:57

小程序实现下拉列表框菜单

本文实例为大家分享了小程序实现下拉列表框菜单的具体代码，供大家参考，具体内容如下选择班别 {{grade_name}} {{item}} /*顶部*/.top{ width:100vw; height:80rpx

·2022-08-08 11:48

小程序实现简单验证码倒计时

本篇文章主要讲关于小程序验证码倒计时的功能实现，供大家参考，具体内容如下首先是wxml部分验证码 {{captchaLabel}} 样式部分：/*提交按钮*/formbutton{ margin:30rpx

·2022-08-02 19:00

小程序获取手机验证码倒计时的方法

本文实例为大家分享了小程序获取手机验证码倒计时的具体代码，供大家参考，具体内容如下test：.wxss.bind_input{width:450rpx;height:80rpx;padding:020rpx

·2022-08-02 19:00

微信小程序的WXSS和全局、页面配置详细讲解

目录一，WXSS1.1rpx尺寸单位1.2样式导入@import1.3全局样式补充：wxss的扩展-样式导入二，全局配置2.1属性三，页面配置总结一，WXSS首先我们先介绍一下wxss，wxss是微信小程序独有的模板样式

·2022-08-02 13:29

微信小程序转盘抽奖的实现方法

本文实例为大家分享了微信小程序实现转盘抽奖的具体代码，供大家参考，具体内容如下lucky-draw.wxss：.lucky_draw_zp{width:502rpx;height:502rpx;margin

·2022-07-27 19:16

如何开发微信小程序（全解过程包括前端、后端）

微信小程序开发基础知识：（1）手机的屏幕宽度的最大为750rpx（数据与rpx连写）；（2）ctrl+s保存即可运行新写的代码；（3）新建项目的过程：1、创建时不要选择云开发；2、生成pages文件后，

LionelMartin·2022-07-27 15:59

微信小程序实现动态横向步骤条的两种方式

1.实现效果微信图片_20220725222751.jpg2.实现原理方法一：页面总宽：750rpx，去除相应间距等，留有长度600rpx左右。

苏苏哇哈哈·2022-07-25 23:20

微信小程序实现select二级下拉

325:dian.length*70):0}}rpx;'> {{item.name}} 5?325:dian.length*70):0}

·2022-07-19 14:46

微信小程序---wxss模板样式

微信小程序day02学习笔记wxss模板样式--介绍wxss简介wxss和css的关系wxss模板样式--rpx什么是rpxrpx实现原理rpx与px单位换算(了解即可)wxss模板样式--样式导入什么是样式导入

前端小白在前进·2022-07-19 11:49

推荐频道

rpx