rpx

微信小程序用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

微信小程序使用 checkbox 如何修改样式？

wx-checkbox-input用于设置未选中时框的样式checkbox.wx-checkbox-input{width:32rpx;height:32rpx;border-color:#
June·DD·2023-11-11 23:51

CSS 单行/多行文字溢出省略号显示

效果图：>>>>单行省略号隐藏：width:500rpx;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;踩坑：如果不设置宽度，flex
除了si啥都吃·2023-11-10 23:34

css卡片滑块

width:100%;.card-content{display:flex;overflow-x:auto;width:100%;.card-item{position:relative;width:410rpx
web前端妹子·2023-11-10 22:49

uni-app 常见问题及解决方法

ifdefH5console.log("H5会执行此段代码")//#endif（3）.view条件编译2.H5底部tabBar遮挡部分内容padding-bottom:calc(var(--window-bottom)-2rpx
会飞的猪~~·2023-11-10 19:28

微信小程序倒计时功能

wxnl代码{{obtainCode}}wxss代码.fr{width:100%;height:50rpx;line-height:50rpx;border-bottom:2rpxsolidblack;
微齐天大圣.·2023-11-10 08:17

微信小程序rich-text里面写单行溢出显示省略号在ios中不显示的问题

nameClass{width:430rpx;font-size:30rpx;font-weight:bold;text-ali
棒怡情·2023-11-10 05:38

小程序 弹窗

fixed;top:0;left:0;z-index:90;background-color:#000;opacity:0.5;}//弹窗大小样式.windows{width:84%;height:650rpx
aう风风·2023-11-10 01:04

小程序制作（超详解！！！）第十五节 自动随机变化的三色旗

2.index.wxml变化的三色旗改变颜色3.index.wxss.flex-wrp{margin-top:50rpx;display:flex;flex-direction:row;/*水平方向*/
陌柒2333·2023-11-10 00:56

微信小程序使用canvas绘制网络图片，使用canvas将图片变成圆形

前两句是关键#myCanvas{position:fixed;left:100%;/*visibility:hidden*//*visibility:hidden;*//*margin-top:100rpx
改行不做程序员了·2023-11-08 09:42

在微信小程序里使用rpx，被坑了 ｜ 不同设备表现不同

补给资料管注公众号：码农补给站小小需求实现一个Tooltip，就是那种很简单有一个按钮，按一下就会出现或消失气泡的组件，就是下面这个效果。放个按钮、加个点击事件、做好气泡的定位好像就搞定了。然鹅，事情没有发展的这么顺利。开发组件结构按照上面说的过程，放好按钮，添加好点击事件。比较复杂的地方就是处理气泡的定位，气泡需要进行绝对定位，让它脱离文档流，不能在隐藏或偏移的时候还占个坑（需要实现那种浮动的效
程序员辰风·2023-11-08 06:46

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

px和rpx是尺寸单位，在网页开发中常用，而em和rem是字体尺寸单位，在网页开发和移动端开发中常用，下面分别介绍一下它们的区别和用法：px：像素，是绝对单位，不会随字体大小变化而变化，像素值越大，元素越大
m0_黎明·2023-11-07 05:35

ActiveReports.NET 16.2RPX 部分报告的完全支持

ActiveReports.NET16.2RPX部分报告的完全支持WebDesigner中的RPX部分报告-用户现在可以在WebDesigner中完全创建、编辑和查看RPX部分报告。
SEO-狼术·2023-11-07 04:32

微信小程序修改样式弹框wx.showModal

wx.showModal修改样式后的效果，如下图所示：index.wxml代码：弹窗添加数量取消确定index.wxss样式代码：/**index.wxss**/.show-btn{margin-top:100rpx
向前有光·2023-11-06 10:36

微信小程序模拟wx.showModal封装弹框组件

一、组件的wxml弹窗我是封装的弹框封装的弹框取消确定二、组件的wxss.show-btn{margin-top:100rpx;color:#22cc22;}.toast-mask{width:100%
修复bug·2023-11-06 10:05

微信小程序分享自定义图片

function(options){letthat=thiswx.getSystemInfo({success(res){console.log(res.windowWidth)that.setData({rpx
余檬哒·2023-11-05 23:13

uni-app-地图中心设置图标-获取坐标

1.在地图中加入一个自己需要的图标，一般使用图片，定位方便2.设置样式注意，最好把定位点放在地图中心，方便获取坐标.mapCenter{ width:60rpx; height:60rpx; position
Phil__ming·2023-11-05 20:43

单位 px/em/rem/vw/wh/%/vm/rpx

一、单位1.px(pixel)像素px就是一张图片最小的一个点，比如电脑像素是1024x768的，表示的是水平方向是1024个像素点，垂直方向是768个像素点。缺点是没有弹性2.em参考物是父元素的font-size，具有继承的特点。如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的值。3.remcss3新单位，相对于根元素html（网页）的f
Lizzy_069f·2023-11-05 15:54

Flutter学习-屏幕适配

屏幕适配1.Flutter的单位1.1Flutter中的单位1.2Flutter的设备信息1.3在程序开始时获取设备信息1.4官网提供三方库获取设备相关信息2.适配方案2.1常用的适配方案2.2rpx适配目前移动端设备非常多
GY-93·2023-11-04 08:33

css文字展示指定行数，超出隐藏

.name{font-size:28rpx;line-height:50rpx;overflow:hidden;/**隐藏超出的内容**/word-break:break-all;text-overflow
德德de_前端攻城狮·2023-11-03 21:05

css内容超出不显示省略号

width:79%;font-size:28rpx;font-family:PingFangSC-Medium,PingFangSC;font-weight:500;color:#209FD6;overflow
早上不想起_·2023-11-03 02:18

uniapp文章图片预览效果

-->.profileDetail{line-height:48rpx;margin:20rpx0;.picList{width:100%;display:flex;.u-image{flex:1;margin
qq_Girl200·2023-11-02 02:52
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他