rpx

微信小程序scrollview高度自适应

微信小程序中的scroll-view，如果纵向滚动的话，需要设置height，对于全局的scrollview，直接设置100vh就可以了，对于局部的，高度不能写死，只能自己计算了微信小程序为了适配，引入了rpx
韩zj·2023-11-30 13:58

uniapp使用地图

(){return{latitude:39.909,longitude:116.39742,covers:[{latitude:39.909,longitude:116.39742,width:'50rpx
砚言·2023-11-29 09:02

微信小程序设置顶部navigationBar为颜色渐变

{  "navigationStyle":"custom",  "enablePullDownRefresh":true },app.wxss.ns{  width:100%;  height:135rpx
郁美人·2023-11-29 01:53

微信小程序GridView列表

1.利用百分比%+浮动实现1.WXML文件{{item.content}}2.重点是样式wxss.gridview{margin:5rpx10rpx5rpx10rpx;}.gridview-item{margin
Android砖家·2023-11-28 06:51

《微信小程序开发从入门到实战》学习十三

单选投票多选投票在pages/index/index.wxss添加页面样式美化：.container{justify-content:center;/*在布局方向上居中*/}.btn{margin:20rpx
那长长遥远的路·2023-11-27 17:49

带你用uniapp从零开发一个仿小米商场_5. 公共样式编写,

添加高度和背景色,当然这个背景色可以在app.vue内添加page{/*设置page高,让每个页面的最小高度为整个视窗的高*/min-height:100vh;/*统一字体大小*/font-size:26rpx
Qayrup·2023-11-26 18:22

1.7 背景音乐播放

1、显示音乐播放图标1.1新增音乐播放图片post-detail.wxmlimage.png1.2添加音乐播放的CSS代码post-detail.wxss.music{width:110rpx;height
追梦小乐·2023-11-26 15:04

uniapp微信小程序系列（4）零散知识点总结

属性为例：//方法1：内嵌方式//方法2：变量绑定数值data(){return{mright:100}}//方法3：变量绑定对象data(){return{mright:{marginRight:'100rpx
黄泽平·2023-11-26 04:20

《微信小程序开发从入门到实战》学习六

2.3.7尺寸单位设置文字大小，使用pt（一个专用的印刷单位“点”）作为单位，设置容器或者组件的宽度、高度、边距时，使用rpx（相对的长度，根据屏幕宽度自适应）作为尺寸单位手机屏幕宽度375px,1px
那长长遥远的路·2023-11-25 10:32

微信小程序 （组件---基础内容组件）

icon图标组件progress进度条组件text文本组件拓展：富文本编辑器UE和UMrich-text富文本组件基础内容组件icon图标组件属性的长度单位默认为px，2.4.0起支持传入单位(rpx/
weixin_45343878·2023-11-25 06:32

微信小程序（组件---基础内容组件）

基础内容组件1.icon图标组件组件属性的长度单位默认为px，2.4.0起支持传入单位(rpx/px)icon图标组件type类型参数案例：success:success_no_circle:info:
wyk.wyk·2023-11-25 06:32

29.微信小程序（组件--基础内容组件）

progress进度条组件（3）text文本组件（4）拓展：富文本编辑器UE和UM（5）rich-text富文本组件基础内容组件（1）icon图标组件组件属性的长度单位默认为px，2.4.0起支持传入单位(rpx
web 沐·2023-11-25 06:32

31.微信小程序（组件 -- 基础内容组件）

progress进度条组件（3）text文本组件（4）拓展：富文本编辑器UE和UM（5）rich-text富文本组件基础内容组件（1）icon图标组件组件属性的长度单位默认为px，2.4.0起支持传入单位(rpx
web 沐·2023-11-25 06:32

微信小程序----基础内容组件

icon图标组件组件属性的长度单位默认为px，2.4.0起支持传入单位(rpx/px)icon图标组件type类型参数progress进度条组件组件属性的长度单位默认为px，2.4.0起支持传入单位(rpx
你爱我吗。·2023-11-25 06:02

微信小程序之 image图片自适应宽度比例显示

一、使用mode:widthFixwidthFix:缩放模式，宽度不变，高度自动变化，保持原图宽高比不变首先我们先设置image的mode为widthFix，然后给图片加一个固定rpx的宽度，比如700rpx
҉遗҉忘҉·2023-11-25 01:49

uni-app使用rem单位布局

问题描述：一般使用uni-app是开发移动端，但是根据需求需要开发pc端又想用uni-app的技术，pc端使用rpx会出现不兼容，所有使用rem布局；解决思路：uni-app提供了可以设置html标签字体的组件
击败不可能·2023-11-25 01:19

wx小程序 --- 可拖动的悬浮按钮

效果实现步骤1.首先我们得有个父的按钮/*悬浮按钮样式*/.suspend-btn{position:absolute;z-index:99;width:80rpx;height:80rpx;border-radius
Peach_Eiton·2023-11-24 22:16

微信小程序：实现可拖动悬浮图标（列表页添加按钮）

实现的效果截图主要代码.wxml图标.wxss/**可拖动悬浮按钮样式表**/.btn_Suspension{position:fixed;height:90rpx;width:90rpx;background-color
遇到问题不要慌·2023-11-24 22:15

原生微信小程序 实现鼠标拖拽的按钮效果

业务中需要实现鼠标拖拽一个按钮的功能，避免遮住页面中的内容，效果如下最终效果于是就封装了这样一个组件组件封装1.html部分2.css.gtn-container{position:fixed;/*bottom:200rpx
风清云淡_A·2023-11-24 22:11

微信小程序 修改默认单选，多选按钮样式

在微信开发者文档中复制一份单选或者多选的代码按钮1按钮1按钮12.根据情况复制单选或者多选代码即可index.wxss/*pages/index3/index.wxss*//*单选按钮样式*/.wx-radio-input{width:32rpx
矢目·2023-11-24 14:25

uni-app中的button按钮，去掉默认的灰色边框

uni-button:after{border:none;}//这里是对整体按钮定义样式uni-button{border-radius:$border-radius-sm;line-height:40rpx
lemontree-xy·2023-11-23 18:30

微信小程序用vant weapp组件设置圆角边框输入框

van-field{boder-radius：50rpx;}起初我把所有能试的方法都试了发现就是没有办法改变边框的样式，后来才发现框架有坑，我一直调的是van-field的样式，但其实还有一个看不见但存在的
燕哥学前端·2023-11-23 12:41

uni-app小程序 swiper 分页器样式修改

wx-swiper-dot-active选择器H5中使用uni-swiper-dot和uni-swiper-dot-active选择器.swiper{height:408px;margin-bottom:28rpx
陌上烟雨寒·2023-11-23 12:11

百度小程序踩坑日志汇总

还有css样式，最好不要设置相似的字眼百度小程序开发者工具的f12可以看到，750rpx相当于100vm注意：在自己写样式的时候，最好不要直接写vm或
想要成仙的菜鸟前端·2023-11-23 11:03

微信小程序scroll-view真机出现滚动条如何隐藏

微信小程序scroll-view真机出现滚动条如何隐藏scroll-view{height:170rpx;overflow-y:hidden;overflow-x:auto;}::-webkit-scrollbar
矢目·2023-11-23 11:03

微信小程序实现tab标签页的切换及动态的选中下划线移动

完整代码wxml如下{{item.name}}{{item.name}}wxss如下.top_nav{width:100%;height:82rpx;line-height:80rpx;border-bot
天外来鹿·2023-11-23 11:32

小程序 height: 100vh; onReachBottom触底事件不触发

css部分.content{display:block;/*height:100vh;*/margin-top:85rpx;}如上注释height即可
Android小码家·2023-11-23 03:08

2019-01-18左右按钮控制swiper轮播图切换

image.pngimage.png这是wxml代码这是wxsspage{background-color:#eff3f6;}/*轮播图开始*/.roll-out{position:relative;}.roll{width:750rpx
Kason晨·2023-11-22 14:21

微信小程序的css嵌套使用

微信小程序的css使用首先微信小程序独有的css单位rpx,这个是他独有的自适应单位假如现在有100px的宽度的盒子，那么使用自适用rpx单位则是750*盒子宽度/设计稿宽度如果设计稿宽度为375px，
小菜鸟学代码···2023-11-22 10:01

微信小程序一键发圈且图片下载时添加logo

background:rgb(221,221,221);}.list{width:90%;padding:05%;background:#fff;}.title{width:100%;height:60rpx
暮长亭·2023-11-21 19:27

跨平台开发uni-app快速上手

的开发规范页面遵循vue单文件组件（SFC）规范接口能力靠近微信小程序规范但需将前缀wx替换为uni数据绑定及事件处理同Vue.js规范同时补充了App及页面的生命周期为了兼容多端运行建议使用flex布局推荐使用rpx
_聪明勇敢有力气·2023-11-21 13:43

小程序 ：自定义tabbar （名称后台获取）

同级，新建custom-tab-bar文件夹，下新建indexcomponent四项index.wxml{{item.text}}index.wxss/*根标签样式*/.root{height:100rpx
抢我糖还想跑·2023-11-21 13:36

uni-app中自定义图表（canvas实现chart图表）开发篇（2）-多圆环进度条

一、创建相应页面1.1scss样式代码.wrap-box{padding:030rpx;.echart-box{padding:15px0;border-bottom:1pxsolid#DDDDDD;.
觉醒法师·2023-11-20 23:12

微信小程序&会议OA首页-开发说明&创建项目&关于flex布局&关于尺寸单位（rpx）&关于WXS&轮播图&会议信息

目录1.创建项目2.关于flex布局3.关于尺寸单位（rpx）4.关于WXS4.轮播图5.会议信息1.创建项目基于微信原生开发工具，稳定版StableBuild(1.06.22010310)创建项目前，
瑶大头*^_^*·2023-11-19 19:13

vue-wacth监听事件

以下实例通过使用watch实现计数器：（此时我就想了一下，好像绑定点击事件，也是可以实现计数器的，所以，我就自己增加了一个点击事件“我真牛”）span{padding:20rpx;border:1pxsolid
weixin_30610755·2023-11-19 03:46

css布局相关内容

flex布局会影响单行文字超出，省略号的显示.text-ellipsis{width:300rpx;//display:flex;//align-items:center;font-size:30rpx
Amodoro·2023-11-17 10:29

前端，样式，行间距，字间距

letter-spacing:2rpx;//字间距line-height:40rpx;//行间距
杨天天.·2023-11-16 01:30

css笔记

1、文字超出部分显示省略号单行文本的溢出显示省略号（一定要有宽度）p{width:200rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap
花与37·2023-11-15 15:20

49个在工作中常用且容易遗忘的CSS样式清单整理

1、文字超出部分显示省略号单行文本的溢出显示省略号（一定要有宽度）p{width:200rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap
web前端开发V·2023-11-15 15:17

常用且容易遗忘的 CSS 样式整理

1、文字超出部分显示省略号单行文本的溢出显示省略号（一定要有宽度）p{width:200rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap
黑夜中的潜行者·2023-11-15 15:16

49个常用的CSS代码片段

1、文字超出部分显示省略号单行文本的溢出显示省略号（一定要有宽度）p{width:200rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap
m0_67846661·2023-11-15 15:13

常用CSS 样式清单整理

1、文字超出部分显示省略号单行文本的溢出显示省略号（一定要有宽度）p{width:200rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap
baidu_33055905·2023-11-15 15:40

49个常用的CSS代码片段，建议整理收藏

1、文字超出部分显示省略号单行文本的溢出显示省略号（一定要有宽度）p{width:200rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap
前端达人·2023-11-15 15:09

uniapp 微信小程序 button 按钮去除边框

btnStyle{margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:26rpx
周zerlinda·2023-11-15 13:06

在 uniapp 中 一键转换单位 (px 转 rpx)

在uniapp中一键转换单位px转rpxUni-app官方转换位置利用【px2rpx】插件`Ctrl+S`一键全部转换下载插件修改插件Uni-app官方转换位置首先在App.vue中输入这个：uni.getSystemInfo
YuZou 邹宇·2023-11-15 12:35

uniapp系列-06简单的文字居中

新建目录及vue文件引入index.vue中引入,记得保存加样式.card{padding:20rpx0;display:flex;justify-content:center;font-weight:
mylamb194·2023-11-15 12:49

uniapp使用及踩坑项目记录

环境准备下载HBuilderX使用命令行创建项目：webstorm环境准备webstorm支持rpx:1.下载wechatminiprogramsupport插件2.在Preferences中搜索WechatMiniProgram
HerayChen·2023-11-15 01:54

微信小程序01---小程序初始

如何学习微信小程序2、项目的目录结构3、常用配置①配置导航窗口②配置页面③配置tabBar4、WXML①组件（标签）的使用②数据绑定③逻辑渲染④列表渲染⑤wx:key⑥模板⑦引用5、WXSS①尺寸单位rpx②
疾风小蜗牛·2023-11-14 21:18

原生小程序，左边不顶宽，右边滑动（scroll-view）

想法：大盒子写display：flex,右边flex：1，自适应宽度，但是这样写了之后右边划不动解决办法，右边flex：1;width:0;样式如下.type-container{height:138rpx
Yannnnnm·2023-11-13 16:51

CSS——给 div 设置显示效果小于 1px 宽度的边框

.boxtext{color:#2298fc;padding:5rpx10rpx;}.boxtext.borderB{position:relative;}.boxtext.borderB:after{
BetterGG·2023-11-13 00:26
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他