rpx 第10页

设置box-shadow无效的解决方案

给tab选项卡添加了box-shadow没有产生效果.wuc-tab{padding-left:12rpx;box-shadow:08rpx8rpx0rgba(0,0,0,0.21)!

它经不起推敲的·2023-08-15 11:59

vue使用三元表达式设置style，class

三元表达式设置style三元表达式设置styleexportdefault{data(){return{l_width:'100rpx',l_height:'100rpx',}}}二、设置class，1

也•简·2023-08-15 07:52

微信小程序（原生）搜索功能实现

一、效果图二、代码wxml搜索搜索历史清空历史{{item}}一共搜索出{{total}}产品11scss.history{padding:30rpx;.title{display:flex;justify-content

青田。·2023-08-15 06:10

微信小程序之button按钮自适应大小

在wxml中的button设置如下size=“mini”type=“default”class=“pingjia”style=‘width:150rpx;font-size:30rpx!

noveto·2023-08-15 05:30

【微信小程序】实现分页加载

木易早上·2023-08-14 09:51

微信小程序时钟

flex;flex-direction:column;align-items:center;justify-content:flex-end;height:22%;}.date-box{padding:20rpx0

古口古·2023-08-13 08:25

小程序swiper自定义分页器（指示点）样式

important;right:0;}.wx-swiper-dots.wx-swiper-dots-horizontal{margin-bottom:-5rpx;}/*方法二*/.wx-swiper-dots.wx-swiper

革易·2023-08-12 14:52

H5 文字单行显示

{{dailyHours}}.text-normal-line{width:calc(100%-130rpx);overflow:hidden;text-overflow:ellipsis;display

努力成为包租婆·2023-08-12 09:39

uni-app将rpx转px

sizeDeal(size){constinfo=uni.getSystemInfoSync()constscale=750/info.windowWidth;//分离字体大小和单位,rpx转pxlets

蓝之静云·2023-08-11 08:35

【CSS】背景图定位问题适配不同机型

一不下心容易错位实现因为飘带背景是版本迭代中更新的,所以飘带和渐变背景实则两个div飘带切图如下,圆形部分需要契合头像.box-bg{position:absolute;width:100%;height:900rpx

科科是我嗷~·2023-08-11 06:42

小程序条形倒计时动画

一、效果图如下：process.gif二、wxml倒计时：{{t}}三、wxss.headpiece-num{position:absolute;top:-3rpx;right:-35rpx;width

谭瞎·2023-08-11 06:30

uniapp 仿微信朋友圈点击评论唤起软键盘并自定义输入框占位符

，输入框内自定义占位符新建一个子组件，内容如下{{details}}保存exportdefault{data(){return{val:'',placeholderStyle:{padding:'30rpx0

北京的北京·2023-08-11 05:59

uni-app 自定义轮播图 swiper 指示点位置

项目需要把指示点位置上移，否则会被按钮遮盖……//设置轮播的指示点位置.swiper{/deep/.uni-swiper-dots{//指示点整个区域//bottom:100rpx;}}但是，上述设置指示点位置代码

北京的北京·2023-08-11 05:29

小程序：实现下拉框

300:selectData.length*60):0}}rpx;'>{{item}}2，wxsspage{background:#f3f7f7;}.select_box{background:#fff

Litzy_b986·2023-08-10 13:24

uniapp实现支付宝菜单展开与收起

代码：1.视图层首页应用第1行文字第2行文字第3行文字第4行文字第5行文字//展开菜单.showMenusBox{height:300px;margin:15rpx32rpx;}2

爱吃鱼的酱酱仔·2023-08-09 15:59

uni——tab切换

'}])constcurrent=ref(1)functionchangeTab(item){current.value=item.id}.tablist{display:flex;width:229rpx

耶啵奶膘·2023-08-09 01:22

uni——不规则tab切换（skew）

:2,name:'标题2'}])constcurrent=ref(1)functionchangeTab(item){current.value=item.id}.tabBoxs{margin:025rpx

耶啵奶膘·2023-08-09 01:48

uniapp实现点击切换样式

----{{item.title}}样式.item{border:solid;margin:5rpx;color:blue;}.itemact{border:solid;margin:5rpx;color

蓝胖子不是胖子·2023-08-08 18:37

微信小程序开发之大转盘抽奖

上代码:1.index.wxmlSTART2.index.wxss.container-out{height:600rpx;width:650rpx;background-color:#b136b9;margin

凉介Seven·2023-08-08 10:09

uni、css——制作表格样式的模型

案例展示这里以5列做展示（可随意调节）案例代码1.list{border:1pxsolidred;margin:24rpx;display:grid;grid-template-columns:repeat

耶啵奶膘·2023-08-08 06:32

小程序的api使用以及一些weui组件实列获取头像扫码等

今日目标响应式单位rpx小程序的生命周期【重点】20%小程序框架weui【重点】50%内置API【重点】30%综合练习1.响应式rpx1.1rpx单位rpx是微信小程序提出的一个尺寸单位，将整个手机屏幕宽度分为

quanmeiren·2023-08-08 05:01

小程序+wepy实现图片的抖动旋转效果

小程序+wepy实现图片的抖动旋转效果直接上代码样式.hongbao{width:90rpx;height:90rpx;}data中的变量data={animation:{},next:true,};在

江流儿吃油条·2023-08-06 20:28

微信小程序 width 100% 加 margin 或 padding 溢出屏幕

fill-available+marginwidth:100%;width:-moz-available;width:-webkit-fill-available;width:fill-available;margin:10rpx2

笑虾·2023-08-06 20:27

uniapp微信小程序横竖屏切换样式适配

1、rpx布局是不能直接实现的，写两套（横屏、竖屏）样式才可以达到想要的效果2、使用：百分比、rem、vw\vh、vmin\vmax、px（px布局在不同设备上有差异）都可以一套样式实现横竖屏适配二、本文重点说

停留的章小鱼·2023-08-06 00:34

记录uniapp 滚动后溢出显示空白的办法

写了一个横向滚动，超出可视区域图片空白，上下滚动页面可视区域图片显示，不可见区域滚动出来变成空白错误css如下width:678rpx;height:264rpx;background:#ffffff;

给钱，谢谢！·2023-08-05 07:35

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

推荐频道

rpx