rpx

python实现录音小程序 界面_微信小程序录音界面以及功能实现

wxmlwxss.head{width:100%;height:400rpx;position:relative;}.head,page{background-color:#f7f7f7;}.reco
weixin_39886205·2025-04-21 10:36

uniapp-商城-24-顶部模块title

商城介绍和付款码代码：样式：.body{@includeflex-box();padding:045rpx;height:100px;//这里放100px便于计算避免程序rpxpx换算//border:
七七小报·2025-04-17 11:16

UniApp设备适配

以下是UniApp设备适配的主要策略和技巧：1.使用自适应单位rpx（ResponsivePixel）：定义：rpx是UniApp提供的自适应单位，1rpx等于屏幕宽
·2025-04-16 19:35

微信小程序无缝衔接弹幕效果纯CSS

wxmlHTMLCSSJAVASCRIPTPHPJAVAVUEREACT.jsPage({data:{detail:[{s:10},{s:14},{s:4},{s:18},{s:6}],},}).wxsspage{padding-top:100rpx
换日线°·2025-04-15 13:45

less的基本使用

一、less语法1.变量1.1基础用法语法：****@变量名:值;less://1.定义变量(全局变量)@bgColor:white;@Height:50rpx;.contain{background-color
Brilliant Nemo·2025-04-13 12:55

Uniapp及其他面试题汇总

七、简述rpx、px、em、rem、%、vh、vw的区别？八、jq、vue、uni-app、小程序的页面传参方式区别？九、组件间通信？十、我司目前官网加载过慢，如果请你优化，
落落寒灯灭·2025-04-12 09:02

小程序的外观—WXSS

为了适配不同分辨率的屏幕，小程序引入了新的单位：rpx
转角羊儿·2025-04-04 20:20

微信小程序从右向左无限滚动组件封装(类似公告)

scrollText}}wxss代码.container{display:flex;width:100vw;}.text-wrapper{display:flex;width:100vw;height:50rpx
萧寂173·2025-04-02 13:50

uniapp css grid布局

html代码{{item}}css代码.view-list{width:100%;margin-top:40rpx;margin-bottom:40rpx;display:grid;grid-template-columns
—Qeyser·2025-03-28 03:27

前端开发的px,rpx,rem等常见单位

在前端开发中，px（像素）、rpx（响应式像素）、rem（相对于根元素的字体大小）等是常见的长度单位，它们各自有不同的特点和使用场景。
前端绘梦师·2025-03-27 05:13

WX小程序/公众号

中的基础知识和应用案例X.1箭头>符号的css写法.address-box{display:flex;justify-content:space-between;color:#999;line-height:90rpx
不努力谁会可怜你？·2025-03-27 03:00

uni-app 设置背景图在手机中无效

static/imageBg.png'};}}解决方案如下：1，将图片转为base64编码2，将图片文件上传至服务器，使用网络地址3，使用image标签替代，如文本内容.textBg{height:114rpx
catino·2025-03-22 05:48

Uniapp当中的scroll-view滚动条不出现或者触底刷新事件不触发

解决方案•使用行内样式直接设置height（如style="height:500rpx;"），避免类名样式被覆盖。
堕落年代·2025-03-15 10:04

uniapp微信小程序canvas隐藏

亲测好用~HTML我是把canvas嵌套在view里并被view设置idCSS把它给顶出去#canvas{position:fixed;top:-9999999999999rpx;}本文作者：小泽沐优声本文链接
Ann_R·2025-03-08 04:54

UniApp设备适配

以下是UniApp设备适配的主要策略和技巧：1.使用自适应单位rpx（ResponsivePixel）：定义：rpx是UniApp提供的自适应单位，1rpx等于屏幕宽
·2025-03-05 16:49

uniapp:h5端跳转微信小程序（仅限微信环境）

1.页面布局注意：图片或点击按钮可放在里面，但是标签要用原生image——>img，rpx转译不了，要用px，但是导致样式不自适应，所以把图片或按钮放出来，用相对定位布局，pointer-events:
_木棠·2025-02-26 22:27

小程序高度问题&背景scss

不同的机型，他的比例啥的都会不一样，同样的rpx也会有不同的效果。所以这里选择了取消高度。
澄江静如练_·2025-02-25 20:56

小程序Subsection 分段器使用CSS实现

CSS/*分段器样式*/.segment{display:flex;justify-content:flex-start;background-color:#f8f8f8;border-radius:10rpx
沐千熏·2025-02-23 11:11

深入理解 Uniapp 中的 px 与 rpx

其中，px（像素）和rpx（响应式像素）是我们最常接触到的两种单位。本文将深入浅出地介绍这两个单位，帮助大家在实际开发中做出更合适的选择。
烂蜻蜓·2025-02-23 10:05

view标签class属性

100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:200rpx0
▍ 小太阳 ☼·2025-02-19 07:32

工具箱之父小程序源码（二）--萌宠大作战部分

background-color:#000;}.game-canvas{width:100%;height:100%;}/*游戏信息样式*/.game-info{position:absolute;top:40rpx
jackzhuoa·2025-02-18 19:32

小程序中如何固定表头和首列

table{display:block;position:relative;overflow:scroll;width:100%;height:50vh;}.table__head{height:96rpx
编程迪·2025-02-18 03:35

微信小程序画布canvas（新版）实现签名功能

wxss文件：/*pages/signature/signature.wxss*/.container{padding:20rpx;height:100vh;width:100vw;overflow:hidden
阿成℡·2025-02-17 16:14

使用css实现镂空效果

功能描述：实现下图的镂空效果代码展示：.mask{position:absolute;bottom:20rpx;left:50%;transform:translateX(-50%);width:90%
gurenchang·2025-02-17 10:54

rpx与px换算

点击跳转到网站rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。
璞~·2025-02-15 01:28

px、em、rem、rpx的介绍以及使用场景

pxpx像素pixel，相对长度单位。像素px是相对于显示器屏幕分辨率而言的。特点IE不能调整以px为单位的元素或者字体大小、Firefox可以调整emem相对长度单位，相当于当前文本的字体尺寸，如未设置尺寸大小，则是浏览器的默认字体尺寸。特点em的值不固定、em会继承父级元素的字体大小，这也是它的缺点，如果同时设置子元素和父元素字体大小会出现连锁反应。未经过调整的浏览器均为16px=1emrem
哈喽沃耳德·2025-02-15 01:58

uniapp 小程序 在js中进行rpx与px混合计算

比如要计算10px+20rpx是多少pxjs中代码10+(windowWidth/750)*20+'px'
公孙元二·2025-02-15 00:26

rpx和px混用方案

（1）创建一个全局的样式配置文件：//styles/variables.scss:root{ //基础字体大小 --font-size-xs:12px; --font-size-sm:14px; --font-size-md:16px; --font-size-lg:18px;   //响应式间距 --spacing-xs:5px; --spacing-sm:10px; --spacing-md:
大袤宏图·2025-02-15 00:54

uniapp语音时的动态音波的实现

audioWave.vue”.audio-wave{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:40rpx
雾眠气泡水@·2025-02-13 19:04

【页面案例汇总】微信小程序个人中心页面

userInfo.nickName}}我的好友我的钱包设置样式：.container{display:flex;flex-direction:column;align-items:center;padding:20rpx
米饭，℡·2025-02-09 14:55

微信小程序开发学习笔记——3.6【小案例】熟练使用事件与数据绑定取随机值

一、代码event.wxss中添加如下代码.box{margin:50rpx;width:200rpx;height:200rpx;background:pink;color
Qy_cm·2025-02-09 13:47

探秘备忘录新建按钮的酷炫动画特效：实现与创意解析

按钮呈圆形，直径120rpx，内部醒目的“+”图标，字体大小达到72rpx，在白色的映衬下格外显眼
烂蜻蜓·2025-02-05 23:43

微信小程序中在一个大边框里给每个小边框均匀分配空间

dots.push({className:"blank",});}}this.setData({dots});},假设我现在创建一个81格的正方形,我要怎么写css代码呢.waibiankuang{width:690rpx
Colinnian·2025-02-02 06:48

uniapp 微信小程序 金额展示套餐

html喜欢作者其他金额-->￥{{item}}js//打赏asyncfun_reward(price){//里面写逻辑},css.gradelist{padding:30rpx;background:
竣子好逑·2025-01-19 07:32

css 在div左上角添加类似书签的标记

效果图html半导体CSS.mark{float:left;margin:06rpx;position:relative;padding:0;width:24px;color:#fff;writing-mode
嗬呜阿花·2025-01-16 19:22

uniapp使用内置地图选择插件，实现地址选择并在地图上标点

F4F5F6;}::-webkit-scrollbar{width:0;height:0;color:transparent;}page{height:100%;width:100%;font-size:24rpx
神夜大侠·2024-09-16 03:04

EP6 同一组件通过传递不同属性展示不同效果

公告文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容每日推荐专题精选More+.homeLayout{.banner{width:750rpx
京城五·2024-09-12 22:14

EP7 底部tab切换页面标签

文件路径：E:/homework/uniappv3tswallpaper/pages/classify/classify.vue.classify{padding:30rpx;display:grid;
京城五·2024-09-12 22:14

微信小程序入门【三】：实现简单登录退出和个人信息页面

userInfo.nickName}}-->退出登录@技术支持：江阔jk921home.wxss/*pages/scroll/scroll.wxss*/.top{width:100%;height:400rpx
山岫·2024-09-11 19:16

【Uniapp】前端面试题

1）Vue的生命周期2）Uniapp的页面生命周期3）区别2.Uniapp的rpx转换px的公式？3.Uniapp的tabbar自定义，怎么实现突起home标？
菜鸟una·2024-09-10 05:19

flex布局篇——justify-cont:center/space-between/space-around最后一行靠左

为了解决这个办法，可用gap与伪类进行纠正：name备注.box{position:absolute;width:100%;padding:125rpx70rpx;box-sizing:bo
Dove言和·2024-09-09 14:01

微信小程序：自定义扫码功能

相关业务处理可以根据自己需求来填补WXML：请将摄像头对准VIN号轻触照亮扫一扫取消WXSS:page{font-family:PingFangSC-Regular,PingFangSC;font-size:24rpx
dingcho·2024-09-04 01:38

uniapp尺寸单位 px转rpx

uniapp尺寸单位uni-app支持的通用css单位包括px、rpxpx即屏幕像素rpx即响应式px，一种根据屏幕宽度自适应的动态单位。以750宽的屏幕为基准，750rpx恰好为屏幕宽度。
万能螺丝刀1·2024-09-01 20:10

px、rpx、em以及rem的区别与用法

px、rpx、em、rem是用于网页开发中表示全屏宽度或元素尺寸的单位。1.px（像素）：是最常见的单位，它表示屏幕上的实际像素点。
前端小芬芬·2024-08-31 19:06

微信小程序--文字添加渐变和阴影

微信小程序–文字添加渐变和阴影1、文字添加渐变text{font-size:32rpx;background:linear-gradient(toright,#ff9d3d,#fff1d7,#ffb853
cccc☜·2024-08-25 03:34

uniapp+vue3的双向渐变

common-style.scss'在common-style.scss中//全局双向渐变.pageColor{background:linear-gradient(tobottom,rgba(0,0,0,0),#fff400rpx
总萌大人·2024-08-24 11:59

uniapp+vue3的轮播图

图片：宽度：690,高度：340.layout{.banner{width:750rpx;padding:30rpx0;swiper{width:750rpx;height:340rpx;&-item{
总萌大人·2024-08-23 05:52

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

checkbox样式的代码：/*重写checkbox样式*//*未选中的背景样式*/checkbox.wx-checkbox-input{border-radius:50%;/*圆角*/width:40rpx
叶落无痕123·2024-03-29 03:04

一个简单的微信小程序表单提交样式模板

没什么东西，只是方便自己直接复制使用.wxml姓名：学校：职位选择：提交.,scss.box{padding:30rpx;}.form-item{display:flex;background-color
w宇宙王·2024-03-17 02:35

px、rpx、rem、pt、dpr学习笔记

1）px分辨率是屏幕像素的数量，一般用屏幕宽乘以屏幕高度的像素点，如iphone6的分辨率为750*1334；英寸表示屏幕斜对角的长度；分辨率分为物理分辨率和逻辑分辨率，设计师通常给的是物理分辨率，程序中用到的是逻辑分辨率，但都称为分辨率，物理分辨率是硬件所支持的分辨率，逻辑分辨率是软件可以达到的分辨率；px是物理分辨率，和屏幕尺寸没有关系，点是没有大小的，只有个数之分，photoshop里面量出
puxiaotaoc·2024-03-14 08:11
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他