微信小程文字在图片正下方

先上图

图片地址 https://www.iconfont.cn/

.wxml

<view class='navs'><view class='nav-item'><image class="nav-image" src='/img/9.png' /><text>代付款</text></view><view class='nav-item'><image class="nav-image" src='/img/7.png' /><text>待收货</text></view><view class='nav-item'><image class="nav-image" src='/img/8.png' /><text> 待评价</text></view><view class='nav-item'><image class="nav-image" src='/img/5.png' /><text>  退货/换货</text></view><view class='nav-item'><image class="nav-image" src='/img/6.png' /><text>全部订单</text></view>
</view>

.wxss

     .navs {padding-top: 35rpx;display: flex;}.nav-item {width: 300rpx;display: flex;align-items: center;flex-direction: column;/* padding: 20rpx; */}.nav-item .nav-image {width: 55rpx;height: 55rpx;/* margin: 5rpx; */}.nav-item text {margin-top: 20rpx;font-size: 28rpx;color: gray;}

微信小程文字在图片正下方相关推荐

如何解决li标签中不能添加文字在图片正下方
在li中出现了在图片下方添加文字却不再图片下的背景框中,刚开始我的源码是这样的: <!DOCTYPE html> <html> <head> <title&g ...
php图片轮换功能,微信小程swiper组件实现图片轮播切换功能教程
本文主要介绍了微信小程使用swiper组件实现图片轮播切换显示功能,涉及swiper组件相关属性使用技巧,希望能帮助到大家. 1.效果展示 2.关键代码 index.wxml: swiper组件属性说 ...
Java项目:(小程序)前台+后台相结合水果商城系统(spring+spring mvc+mybatis+layui+微信小程)
源码获取:博客首页 "资源" 里下载! 一.项目简述本系统功能包括: 水果商城系统前台展示,分类后买,下单,支付,发货, 地址等等,后台商品上传,用户管理,订单管理,地址管理等等 ...
微信小程热映电影导演等数据获取
微信小程热映电影导演等数据获取微信小程电影数据读取与呈现我们获取了豆瓣API的电影图片,现在我们重接口在获取导演,主角,电影名等数据. 获取导演,主角,电影名等数据我们要进行封装,就要定义一个数组 ...
微信小程序内拖动图片实现移动、放大、旋转
最近接到一个任务,在微信小程序内拖动图片组件实现移动.放大.旋转,并记录这些图片的移动位置,放大比例,旋转角度,在一个画布上生成一张图片,最后保存到手机相册. 我的具体实现思路是这样的:(文章底部留有 ...
PHP---微信JS-SDK获取access_token/jsapi_ticket/signature权限签名算法,php/thinkphp实现微信分享自定义文字和图片...
PHP---微信JS-SDK获取access_token/jsapi_ticket/signature权限签名算法, php/thinkphp实现微信分享自定义文字和图片. 一.先看微信JS-SDK文 ...
小程序提交表单mysql_GitHub - kun19911227/minipro: 微信小程序提交带图片的表单
minipro 微信小程序提交带图片的表单目录说明 upload_images ├── pages │ ├── upload_info 提交表单 │ └── display_info 信息展示 ├─ ...
微信php echo换行,微信小程序文字显示换行问题
微信小程序文字显示换行问题小程序文字显示换行问题用户在上传图文时,输入换行符.导致我在拿到数据后JSON.parse的时候报错. 大概这样的结构: [{ text:'落魄前端在线炒粉!!!' ...
微信小程序怎么实现图片按住一角缩放、旋转、拖拽
微信小程序怎么实现图片按住一角缩放.旋转.拖拽图片一角可以加个小图片,按住来操作利用movable-view.movable-area 可以实现拖拽缩放.不好旋转是不是可以利用canvas绘图 ...

微信小程文字在图片正下方

微信小程文字在图片正下方相关推荐

最新文章

热门文章

微信小程 文字在图片正下方

微信小程 文字在图片正下方相关推荐

最新文章

热门文章

微信小程文字在图片正下方

微信小程文字在图片正下方相关推荐