rpx 第11页

flutter UI适配

rpxdoubletoRpx(BuildContextcontext,doublesize){doublerpx=MediaQuery.of(context).size.width/750;returnsize*rpx

毛小兔的头发还在吗·2023-08-04 07:12

【uniapp，触底加载，下拉刷新】【h5】滚动区域滚动触发触底加载 scroll-view

template//主要内容scriptlower(){console.log('触底加载')},css.scrollbox{height:calc(100vh-580rpx);}二，onReachBottom

嘿，小苹果·2023-08-04 00:53

微信小程序选项卡切换（滑动切换，点击切换）

：可点击切换，滑动切换代码如下这个可以在项目用index.wxml选项一选项二TAB1TAB2index.wxss.tab{width:50%;text-align:center;padding:10rpx0

Leeeeeer·2023-08-03 09:47

微信小程序之wxss特性

响应式像素rpx和rem实现很相似，最终装换为了rem样式样式导入@import@import'***.wxss';选择器选择器.png优先级.png

Random_·2023-08-03 04:26

小程序学习(五):WXSS模板语法

1.什么是WXSSWXSS是一套样式语言,用于美化WXML的组件样式,类似于网页开发中的CSS2.WXSS和CSS的关系WXSS模板样式-rpx3.什么是rpx尺寸单位4.rpx的实现原理5.rpx与px

HebyH_·2023-08-02 13:17

小程序原生实现左右锚点联动

background:#F5F5F5;box-sizing:border-box;flex-wrap:wrap;}.title{box-sizing:border-box;width:100%;padding:32rpx

南风number·2023-08-02 10:35

微信小程序入门与实战(2)——阅读文章列表页面html/css部分

并列为秋天来杭州不能错过的风雅之事；用林妹妹的话讲是“螯封嫩玉双双满，"112996posts.wxss/*pages/posts/posts.wxss*/swiper{width:100%;height:600rpx

leeeeeenas·2023-08-01 17:58

uniapp scroll-view显示滚动条

在style中添加样式：::v-deep::-webkit-scrollbar{/*滚动条整体样式*/display:block;width:10rpx!important;height:10rpx!

江拥羡橙·2023-08-01 11:44

【前端】css实用简单技巧

使用给定的字符串来代表被修剪的文字重点是三个同时使用：text-overflow:ellipsis;white-space:nowrap;overflow:hidden;设置最高高度..超过后可以滑动max-height:550rpx

Xrysstal_sis·2023-08-01 11:58

微信小程序代码片段

=this;},onReady(){that=this;},onShareAppMessage(){},onShareTimeline(){},})导航wxml详情wxss.nav{height:88rpx

普通人6·2023-07-31 12:12

css的clip-path学习

比如画一段曲线参考博文clip-path的几个值自己学习后，先把clip-path理解为在原图上绘制轮廓，显示的内容是轮廓内的内容，就比较好理解展示的结果比如原图是一个红色的正方形，样式如下：.box{width:200rpx

snotJam·2023-07-30 06:45

uniapp scrollview设置显示滚动条

需要在style中添加：::v-deep::-webkit-scrollbar{//滚动条整体样式display:block;width:10rpx!important;height:10rpx!

snotJam·2023-07-30 06:15

小程序仿滴滴tab切换效果

wxss/**index.wxss**/page{width:100%;height:100%;}.container{width:100%;height:100%;}.nav{height:80rpx

凉柠_da5d·2023-07-29 23:19

小程序连续点击动画的实现

css:top:-80rpx;lettimer=null;onShow:function(){//总积分点击动画效果varzjfen=wx.createAnimation()varroll=wx.createAnimation

yyyyjinying·2023-07-29 07:50

uni-app 修改复选框checkbox选中后背景和字体颜色

checkbox.checkbox-round.wx-checkbox-input,checkbox.checkbox-round.uni-checkbox-input{border-radius:100rpx

STPSUN·2023-07-28 18:02

微信小程序radio单选按钮选中与取消

wxml设为默认wxssradio.wx-radio-input{border-radius:50%;/*圆角*/width:24rpx;border:2rpxsolid#5e5e5f;height:24rpx

大大。·2023-07-28 17:26

uni-app 微信小程序左滑动删除

div部分dsadsadsadas删除css部分scroll-view{width:100%;height:100rpx;white-space:nowrap;}.item1,.item2,.item3

undefined汪少·2023-07-28 04:27

微信小程序15__view 层叠展示

先看效果图：对应wxml布局：MISS时尚穿搭教程192人观看MISS时尚穿搭教程192人观看对应wxss文件，如下：.special-topic{width:100%;height:350rpx;display

109905418·2023-07-27 21:37

微信小程序7__一行3 列的布局

要实现以下效果：在index.wxml中增加以下布局代码7/2微信小程序商村视频课程通知在相应的index.wxss中增加以下样式.wx-cells{width:100%;margin-top:15rpx

109905418·2023-07-27 21:06

用mpvue写微信小程序tab栏切换

){return{tab:1};},methods:{changTab(index){this.tab=index;}}}样式.test{width:100%;.testNav{padding:020rpx

爱吃栗子的小单·2023-07-27 15:06

【微信小程序创作之路】- 小程序常用页面样式

【微信小程序创作之路】-小程序常用页面样式第四章微信小程序用页面样式文章目录【微信小程序创作之路】-小程序常用页面样式前言一、总体样式--全局样式and局部样式1.全局样式2.局部样式二、Flex布局rpx

java小白冲刺者·2023-07-27 09:22

微信小程序样式和全局配置

WXSSwxss把屏幕分为750个物理像素，大屏大，小屏小，随着设备不一致自动适配推荐使用iPhone6作为标准，1个rpx=0.5个px，把px乘以2就是rpx的参数@import导入外部样式表@import

程序员小刚·2023-07-27 07:24

TeamViewer破解工具2019亲测可用

林伟杰_059·2023-07-27 06:00

Failed to load local font resource：微信小程序加载第三方字体

transfonter.org/步骤如下将下载后的stylesheet.css里的font-family属性名字改一下，然后引进页面里就行了，全局样式就放app.scss，单页面就引入单页面注：.title{height:36rpx

雨化·2023-07-26 19:23

mpvue 使用css3动画实现添加购物车抛物线动画

实现抛物线的方式有两种，一是css3动画，二是贝塞尔曲线1.原生小程序使用css3动画实现添加购物车抛物线动画小程序代码片段2.mpvue实现的放方式html布局css#ball{width:170rpx

it之承影含光·2023-07-26 15:38

解决css背景图覆盖文字

想要的效果做出来的效果自己写了个样式，用scroll-view，{{item.title||''}}.main-scroll{height:64rpx;width:100%;white-space:nowrap

空&白·2023-07-25 21:19

UNI-APP_vmin横屏适配问题

其中最小的那个被均分为100单位的vmin当竖屏布局时750rpx是竖屏布局屏幕的宽度vmin不管横竖屏的情况下，100vmin都是手机屏幕的宽度，所以rpx与vmin之间有一个换算的关系：xrpx=(

小歪 | 前端·2023-07-25 21:37

小程序自定义步骤条实现

支持背景颜色自定义{{item.title}}{{item.desc}}.hl_steps{overflow:hidden;}.hl_steps_item{display:flex;margin:30rpx

小张很嚣张～·2023-07-25 19:04

flex布局自动换行并解决最后一行对齐

父级容器里面有5个子级盒子）css实现对齐效果：.flex-wrp{display:flex;justify-content:space-between;flex-wrap:wrap;padding:016rpx

TurtleOrange·2023-07-25 18:24

android react native app旋转后页面混乱解决

现象旋转之后页面会混乱猜想一：rpx()hpx()问题怀疑每次旋转之后，因为调用了rpx()hpx()重新计算宽高，重新计算的值不对，导致页面乱了解决方法：修改为全局只在刚开始算一次px的倍率，rpxhpx

Ranye123·2023-07-25 16:20

js 对数据分组（分组单位，年，月，日，时，分，秒）

{items.stamp}}{{items.num}}page,app{background-color:#ededed;height:100%;width:100%;}.list{margin:30rpx

__只是为了好玩__·2023-07-25 15:05

微信小程序跳转/打开另一个小程序

老规矩先放官方文档上代码片段头像贴纸加文字头像加国旗、圣诞帽、口罩.list{padding:20rpx;}.list-item{height:150rpx;display:flex;flex-direction

__只是为了好玩__·2023-07-25 15:35

微信小程序云开发上传多张图片 9宫格

直接看录屏（有语音说明）微信小程序开发如果播放失败请点击此处跳转腾讯视频showmethecode+发布/*上传图片*/.img-view{width:710rpx;margin:20rpx20rpx;

__只是为了好玩__·2023-07-25 15:05

uni-app常用的一些基本视图组件

横向布局演示：ABC.flex-item{width:33.3%;height:200rpx;text-align:center;line-height:200rpx;}纵向布局演示：ABC.flex-item-V

方哲Beans·2023-07-25 13:37

uni_app 微信小程序苹果手机边框显示不全

[在这里插入图片描述](https://img-blog.csdnimg.cn/3a4c4ab1a146444c84c72d360a057c01.png解决方案：原因：是因为我们在设置边框的时候设置的rpx

Sunny·2023-07-25 13:31

使用uni-app开发微信小程序时u-view样式不生效问题

输入框下面的错误信息提示文字跟输入框不对齐，向右偏一些定位到对应的元素后，并找到其父节点给他的父界面下的子节点添加样式修改信息::v-deepu-form-item.u-form-item__message{padding-left:0rpx

SZnA1·2023-07-25 10:23

小程序瀑布流布局（完美方案）

下面是两张列表页截图，大家可以看一下：//list.wxml列表//list.wxss部分样式#left,#right{width:340rpx;float:left;}#left{margin-right

讨口子·2023-07-24 22:34

通过 CSS 的样式实现语音发送动效类似声音震动的效果

实现效果：一般用于发送语音的时候，出现动画效果//模版部分//css样式+动画.musical-scale{position:absolute;bottom:50%;width:80%;height:96rpx

周小航.·2023-07-24 18:52

【uni-app】通过uni-app基础组件picker实现选择日期、时间的功能示例（完整代码+图文）

return{date:'请选择日期'}},methods:{onDateChange:function(e){this.date=e.detail.value;}}}.container{padding:20rpx

敦厚的曹操·2023-07-24 14:15

css 显示省略号和动态显示省略号

简单的实现省略号下面的代码就可以实现省略号，超过宽度的时候就会出现省略号.text-name{//宽高是一定要设置的不然是会无效延伸的width:200rpx;overflow:hidden;white-space

ScottePerk·2023-07-21 21:38

flex布局常用布局方式（一行显示固定个数，自动换行显示）

实现一行显示固定个数的元素，元素可以遍历生成的，并且自动换行显示，效果如下图所示代码实现：exportdefault{data(){return{}},methods:{}}.list{padding:30rpx

Serena_tz·2023-07-21 11:03

uniapp中slot插槽的使用

/slot1.vue"exportdefault{components:{slotOne,}}.slot-item{padding:50rpx;}效果：2、插槽

佛佛ง·2023-07-21 09:21

CSS定位到最底部

点击跳转到网站CSS定位到最底部保存.sub_com{width:100%;display:flex;align-items:center;justify-content:center;font-size:30rpx

璞~·2023-07-20 13:29

尚无忧多门店自助宠物洗护系统美容宠物寄养系统小程序

`100%`:`84rpx`}">0}]"-->预约服务SERVICE宠托师入驻APPLY我的宠物MYPETS{{item.title}}-->0}]"-->-->{{item.titl

qq_35738963·2023-07-20 09:04

css 3个元素行排列，前2个元素靠左，第三个元素靠右

行排列，默认靠左对齐，然后让第三个元素自动占满剩余的空间：flex-grow:1，text-align:end//wxml选择支付方式微信支付//wxss.payment_method{margin:35rpx040rpx30rpx

Lan.W·2023-07-20 07:50

css实现跑马灯

开发小程序时遇到个需求：跑马灯非小程序改一下标签也是可用的因文案长度不同，可以自行调整--marqueeWidth--，from{margin-left：}，.confirm_tips_text{margin:0140rpx00

LingSun·2023-07-20 03:45

uni-app：scroll-view滚动盒子，实现横（纵）向滚动条

scroll{//设置盒子样式border:1pxsolidblack;//设置盒子的外边框box-sizing:border-box;//内边框的设置，避免外边框导致右侧的边框不被展示height:200rpx

雯0609~·2023-07-19 21:22

微信小程序text文章详情布局

/*文本*/.detail{color:#666;margin-left:30rpx;margin-top:20rpx;margin-right:30rpx;line-height:44rpx;//行高

c++开发工程师·2023-07-19 18:22

微信小程序视图层莫名出现”竖线“

course_info.SectionCount}}节课程{{item}}时分秒{{course_info.PurchaseMarkup}}人最近购买css样式是这样的：.other-des{margin-top:8px;padding:20rpx

Morris_·2023-07-19 14:01

Flutter从入门到写出完整App Day11

还是有一个固定的宽度五颗星的宽度是固定死的三种思路来解决手动更改子Widget的大小FittedBox做适配,包裹Row,尽可能占据宽度,可以压缩FittedBox更好的解决方案,不同屏幕,不同尺寸Container大小变化后期会开一节课讲,自己定义一个单位RPX

JackLeeVip·2023-07-19 13:05

推荐频道

rpx