效果

做法

在网上搜到好多方法

有设置CSS；
有专门写一个html,再引入；
有点麻烦，我的方法是
加一张图片，设置长宽
代码如下：

//wxml<image src="/icons/line_icon.jpg" class="img_line"></image>//wxss
.img_line{height:39rpx;width:8rpx;
}

【微信小程序】竖直分割线相关推荐

微信小程序——漂亮的分割线（分隔线）
首先来看看效果图: 实战应用中,在这个小程序里运用到,感兴趣的朋友可以进去参考(界面做得还是蛮好的): 实现这个功能主要分3部分组成,两个view和一个text 下面来看看代码: .wxml代码 &l ...
微信小程序直连蓝牙实现控制继电器及串口调试功能--全系统开源工程
微信小程序直连蓝牙硬件设备,设备控制继电器,灯等设备,同时实现蓝牙串口调试助手等功能,设备能够输出微信小程序发出的蓝牙数据,可为工程师在手机上实现设备串口调试功能,当工程师去现场调试设备,没有带电脑, ...
微信小程序+阿里物联平台+合宙Air724UG搭建无服务器物联系统（三）---微信小程序直连阿里物联平台AliIoT
前一段时间集中设计系统整体方案,物联网平台搭建.小程序编写,硬件电路设计.SOC单片机程序开发,自己挖的坑太大了,填起来真是费劲啊!整个年假都用来填坑了,也没有时间编写博文,今天忙里偷闲集中整理一下开 ...
微信小程序开发：如何快速实现添加一条分割线的项目需求
在微信小程序开发的时候,有些需求是参照移动端开发来设计的,基本上微信小程序就是基于微信的移动端应用,所以基本上各种需求都和移动端开发是一样的,类似程度非常高. 本篇博文就来分享一下,在微信小程序开发的 ...
uni-app分割线微信小程序端不显示
uni-app分割线微信小程序端不显示文章目录 uni-app分割线微信小程序端不显示问题描述解决方案问题描述做项目时,遇到一个问题: 自定义的分割线组件在web端能显示,在微信小程序端却不 ...
[微信小程序专题] 文本框和页面分割线
欢迎点击「算法与编程之美」↑关注我们! 本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章. 问题如何制作一个文本框,并改变其在页面所处位置? 如何在页面 ...
H5静态页面跳转微信小程序；从外部浏览器，点击H5链接跳转打开微信小程序；以及在微信内直接点击H5链接打开微信小程序；
参考链接需求:从外部浏览器,点击H5链接跳转打开微信小程序:以及在微信内直接点击H5链接打开微信小程序: 步骤1: 小程序开发需要使用云开发创建项目,使用云开发生成的项目会自带云函数文件夹: 步骤2 ...
微信小程序最新获取头像和昵称的方法直接用！
调整背景微信小程序获取用户头像和昵称一个开放接口是wx.getUserInfo,2021年4月5日被废弃,原因是很多开发者在打开小程序时就通过组件方式唤起getUserInfo弹窗,如果用户点击拒绝 ...
微信小程序火车票查询直取12306数据
最终效果图: 样式丑哭了,我毕竟不是前端,宗旨就是练练手,体验微信小程序的开发,以最直接的方式获取12306数据查询火车票. 目录结构: search1是出发站列表,search2是目的站列表,命名没 ...
微信小程序直播火的原因是什么
在当前直播那么火的时代中,小程序直播为什么能够在那么多的直播平台中拥有一战之力呢?这其实在于小程序直播的优势. 优势一:开播提醒主播在直播开始前开启开播提醒功能,就可以及时提醒收藏了小程序的用户前来 ...

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

文章目录

效果

做法

【微信小程序】竖直分割线相关推荐

最新文章

热门文章