rpx 第16页

微信小程序实现文字滚动

具体内容如下wxml：显示完后再显示:{{text}}出现白边后即显示:{{text}}{{text}}wxss：.example{display:block;width:100%;height:100rpx

·2022-07-18 18:01

微信小程序实现轮播图标题跑马灯

轮播图下的标题如果不长不需要跑马灯效果，过长的无法显示全的则添加跑马灯效果 {{item.title}} .swiper{ position:relative; height:430rpx

·2022-07-17 10:01

小程序实现跑马灯效果

具体内容如下先看效果图实现步骤：index.wxml文件 {{text}} wxss文件/*跑马灯效果*/.example{ display:block; width:100%; height:70rpx

·2022-07-17 10:29

微信小程序实现select下拉框

890:selectDatas.length*110):0}}rpx;"> {{item}} css:/*fenlei*/.fenlei{ margin:025rpx; height:80rpx

·2022-07-11 14:36

小程序实现手写板签名

本文实例为大家分享了小程序实现手写板签名的具体代码，供大家参考，具体内容如下1.wxss代码page{ background:#F8F8F8;}/*签名*/.qianming{ background:#fff; padding:20rpx30rpx

·2022-07-08 21:43

微信小程序实现手机号码验证

具体内容如下wxml 手机号：保存wxss.all{ border-top:1rpxsolid#efefef; border-bottom:1rpxsolid#efefef; height:98rpx

·2022-07-08 10:51

微信小程序之网易云音乐（一）- uni-app的基本使用

微信小程序之网易云音乐（一）-uni-app的基本使用前言一.uni-app1.1利用HBuilder来进行开发：二.案例2.1案例1：MVC以及数据双向绑定2.2案例2：响应式样式rpx和路由跳转2.3

Zong_0915·2022-07-07 21:07

微信小程序实现拉链式的滑动验证

本文实例为大家分享了微信小程序实现拉链式滑动验证的具体代码，供大家参考，具体内容如下view结构向右滑动验证wxss样式.content{ position:absolute; right:50rpx

·2022-07-06 16:04

小程序animate动画实现直播间点赞

listImg{ position:relative; width:100px; height:300px; border:2rpxsolidred;}.heart_img{ width:100rpx

·2022-07-06 16:03

微信小程序实现一键回到顶部功能

遇到问题不要慌面向百度编程----上代码.wxml文件代码返回顶部 //这里可以换成一个图标 .wxss文件代码.goTop{ height:80rpx;

·2022-07-01 15:54

微信小程序实现简单九宫格抽奖

三等奖八等奖开始抽奖四等奖七等奖六等奖五等奖 wxss文件：#container{ width:750rpx

·2022-06-29 10:32

微信小程序实现上传图片

//wxss.uploadImgBox{ margin:30rpx0

·2022-06-26 16:21

微信小程序——云开发实现数据库的增删查改操作

120977861在云开发的数据库中新建一个集合app.json中配置一个新的页面，并设置入口页面，方便调试微信官方文档中关于button关于form代码：数据库crud测试:提交input{border:1rpx

键.·2022-06-25 20:47

微信小程序实现播放音频

{{formatedPlayTime}} wxss：/*传语音*/.audio{ display:flex; position:relative; height:140rpx

·2022-06-24 14:49

微信小程序轮播图自定义光标位置

供大家参考，具体内容如下如图轮播图的光标可以用定位来改变上下左右的位置wxml: wxss:/*轮播图图片尺寸*/ .home-swiper{ width:100%; height:350rpx

·2022-06-24 12:43

支付宝小程序-基础入门技能汇总

支付宝小程序-基础入门技能汇总开发前必知页面级常用配置常用列表渲染空标签事件图片引入css背景图自定义组件开发工具vscode工具底部导航开发前必知●css单位用rpx●需要安装ui●支付宝审核超级严，

zyf-baby·2022-06-24 09:08

微信小程序实现简单的计算器功能

wxml退格清屏❤+987-654*321÷0.历史=wxssinput{width:95%;height:250rpx;margin:0auto;margin-bottom:20rpx;border-bottom

聪明可爱小轩轩·2022-06-23 19:51

深入学习微信小程序语法

一、小程序布局与普通web开发差异小程序实现响应式单位：rpx小程序的设计稿通常是按照iphone6宽度为750的尺寸设计的.logo{width:80rpx,height:80rpx}样式导入@import

SuperStarRiver·2022-06-23 08:06

微信小程序_4,WXSS模板样式

WXML的组件样式,类似于网页开发中的css2.WXSS和CSS的关系:WXSS具有CSS大部分特性,同时WXSS还对CSS进行了扩充以及修改,以适应微信小程序的开发,与CSS相比,WXSS扩展的特性有:rpx

icestone_kai·2022-06-21 11:44

微信小程序学习之旅--第一个页面的制作

index.wxml)xxx.wxss(index.wxss)总结文件约定文档结构解读小程序入门删除项目结构小程序页面的搭建技巧和规则新建app.json小程序必备语法1.如何显示一张图片2.文本3.按钮单位rpx

尤雨东·2022-06-18 18:26

h5端手写板签名

min.jscss块body{background-color:#F8F8F8;}.protocolPage.protocol_conent{background:#fff;/*margin-bottom:20rpx

李湘湘·2022-06-17 18:21

小程序横屏兼容处理

背景在h5开发中可用的css适配单位有em/百分比/rem/vw/vh/vmin/vmax，小程序提供了rpx:可以根据屏幕宽度进行自适应，规定屏幕宽为750rpx。

樊小书生·2022-06-17 18:50

【微信小程序】竖直分割线

文章目录效果做法效果做法在网上搜到好多方法有设置CSS；有专门写一个html,再引入；有点麻烦，我的方法是加一张图片，设置长宽代码如下：//wxml//wxss.img_line{height:39rpx

上善若水_XX·2022-06-16 01:48

微信小程序云开发项目实战之商城开发日记 05

page{background-color:#f3f3f3;}.head{height:250rpx;background-color:#00

CreatorRay·2022-06-15 10:00

微信小程序scroll-view不能左右滑动问题的解决方法

我的wxml代码张三张三张三张三张三张三张三张三张三wxss代码.enroll_view.scroll_view.scroll{height:160rpx;width:750rp

·2022-06-13 10:17

微信小程序实现字幕上下滚动

title':'刚刚预约了服务'},{'url':'','title':'内容内容内容内容内容'}],}})*.wxml{{item.title}}*.wxss.swiper_zi{height:50rpx

if时光重来·2022-06-09 07:19

微信小程序实现公告文字滚动

微信小程序通过Animation动画对象实现文字滚动效果1、效果图：2、wxml代码{{text}}详情>>2、wxss代码.desc{padding-top:35rpx;padding-bottom:

讨厌令狐冲·2022-06-09 07:49

微信小程序实现获取用户信息替换用户名和头像到首页

目录一、形成空白文件二、小程序页面路径配置三、修改小程序页面四、与WXML玩耍1、插入文字2、插入图片3、分割代码五、与wxss玩耍1、处理图片2、处理文字3、调整布局4、长度单位rpx（responsivepixel

·2022-06-02 16:08

微信小程序学习day02-WXSS 模板样式

目录WXSS模板样式-介绍：1.什么是WXSS:2.WXSS和CSS的关系：WXSS模板样式-rpx：2.rpx的实现原理：3.rpx与px之间的单位换算*：WXSS模板样式-样式导入：1.什么是样式导入

学前端的小钟·2022-05-26 10:33

微信小程序选择图片控件

上岗css:.work_btn{width:60%;height:35px;line-height:35px;margin-top:15px;border-radius:5px;font-size:30rpx

·2022-05-25 18:40

微信小程序实现横屏和竖屏签名功能

本文实例为大家分享了微信小程序实现横屏和竖屏签名的具体代码，供大家参考，具体内容如下wxml 清除确定 wxss#firstCanvas{ width:750rpx; height

·2022-05-24 15:18

微信小程序实现Timeline时间线效果

elementUI的Timeline时间线效果，自适应页面与文本wxml代码： {{item.time}} {{item.con}} wxss代码：.box{ padding:30rpx

·2022-05-23 09:51

微信小程序实现倒计时

}} 天 {{hours}} 时 {{minutes}} 分 {{seconds}} 秒 .countdown-item{ width:100%; height:100rpx

·2022-05-22 10:10

【微信小程序】post接口示例

api：H5C3：page{background-color:#f3f4f6;}.uni-input-placeholder{font-size:26rpx;line-height:30rpx;padding-bottom

汤圆小丸叽·2022-05-20 18:22

小程序封装指示点

wxssimage{width:100%;height:100%;}.dotstext{display:inline-block;width:20rpx;height:5rpx;border:1pxsolid

易只千纸鹤·2022-05-12 11:47

微信小程序-实现文字跑马灯-wepy

平台地址百度蛮多例子的,但是代码太长懒得看了前言要实现跑马灯主要就是获得判断开始定界和结束定界,1.9.3新增的wxml操作接口就可以拿到节点长宽等属性，当然你也可以直接用文字数量*文字大小(注意字体的单位px,rpx

·2022-05-05 13:22

微信小程序图片上传功能的实现方法

涉及到了图片上传的功能，今天给大家详细介绍下如何实现小程序图片上传，话不多说先上代码首先是静态布局和样式部分.wxml代码部分.wxss代码部分/*上传图片*/.load-name{height:80rpx

·2022-04-29 18:37

微信小程序实现列表左右滑动

1、我们可以把列表的元素放在scroll-view控件中，并且让scroll-view实现横向滑动2、把列表内容项的宽度占满手机宽度，利用rpx特性（自适应屏幕），默认iphon6就是750rpx，只要设置大于等于

·2022-04-27 10:49

微信小程序实现翻牌小功能

本文实例为大家分享了微信小程序翻牌小功能，供大家参考，具体内容如下页面 A B css#container{ width:100%; height:350rpx;}.cards{

·2022-04-20 16:16

CSS 实现带阴影的自定义图片优惠券样式

filter实现）3、商品图片由后端返回二、代码.good_image-box{position:absolute;left:50%;transform:translateX(-50%);top:18rpx

吖蛋黄·2022-04-01 22:59

小程序完成后的自我总结（一）

小程序中尺寸的设置rpx的使用多于px的使用由于小程序的使用是在不同机型的手机上进行的，所以这个时候就不能使用固定大下的px单位，而是要使用具有响应式的rpx单位了。

·2022-03-27 22:20

uniapp 关于小程序图片高度不能自适应的问题[widthFix]

uniapp关于小程序图片高度不能自适应的问题[widthFix]小程序的Image图片实现宽度为100%或设置成某个rpx的值时，高度自适应要怎样设置？

乐语_miss·2022-03-24 12:52

uniapp适配pc_uni-app H5 平台在 PC 端实现适配

使用uni-app开发的H5页面，为了根据屏幕宽度自适应，我们一般都采用官方推荐的动态单位rpx，但是在PC端展现的时候可能出现文字等相关元素太大，导致页面错乱或不美观。

weixin_39936792·2022-03-18 18:33

uniapp中scroll-view高度样式，解决手机端问题

.scroll-container{/*#ifdefH5*/height:calc(100vh-88rpx-100rpx-env(safe-area-inset-bottom)-var(--status-bar-height

墨迹斑斑的老墙·2022-03-18 18:56

微信小程序怎么一排放置多个view

view布局效果图：.wxml.wcss.content{display:flex;flex-direction:row;margin-top:20rpx;margin-left:70rpx;}.t1{

#Amark·2022-03-15 07:36

微信小程序 - 04_wxss模板样式和全局配置（模板样式_rpx_@import样式导入、全局配置_window_tabBar）

文章目录wxss模板样式01什么是wxss1.1wxss和css的关系1.1.1什么是rpx1.2样式导入02全局样式和局部样式2.1全局样式2.2局部样式全局配置01全局配置文件常用配置项1.1window1.1.1

文泽路小男孩·2022-03-09 11:01

小程序登录授权页面

login.wxss/*pages/login/login.wxss*/page,.container{height:100%;background:#ffffff;}.logo{margin-top:160rpx

0?0·2022-03-07 15:21

微信小程序实现常见的user效果

wxss.circle{width:930rpx;height:930rpx;border-radius:465rpx;back

王月_92f2·2022-02-20 21:47

小程序关键字搜索功能（按钮搜索和回车搜索）

/pages/search/search',})}//首页wxss.searchBar{margin:10rpx30rpx;disp

潇潇芭蕉·2022-02-20 17:35

小程序上传视频预览&&列表视频预览

，退出全屏停止播放，UI显示如图UI效果wxml在这我把video先自动播放，不然全屏会失败，选择加载后就静音播放wxss.prew_img,.upload,.prew_video{width:148rpx

不二很纯洁·2022-02-20 09:08

推荐频道

rpx