微信小程序之scroll-view-导航栏左右滑动

wxml如下：

<scroll-view class='scrollView' scroll-x='true'><view class='cc'><view class='vvv' wx:for='{{20}}'>225</view></view></scroll-view>

wxss如下：

.cc {
/* 关键 white-space: nowrap; */white-space: nowrap;height: 200rpx;width: 100%;background: orange;}.cc>view {
width: 300rpx;height: 200rpx;box-sizing: content-box;font-size: 24rpx;line-height: 200rpx;text-align: center;/* 关键 display: inline-block; */display: inline-block;overflow: hidden;background: purple;border: 1rpx solid white;color: white;}

转自：https://blog.csdn.net/weixin_40344560/article/details/81118769

微信小程序之scroll-view-导航栏左右滑动相关推荐

微信小程序——不同角色的导航栏显示不同
文章目录问题描述解决方法代码实现底部导航栏排查员存在的问题问题描述微信小程序的原生底部导航栏限制了数量(3-5个)且不能根据你的不用用户进行动态的底部导航栏变化,无法适应多种用户从 ...
微信小程序自定义头部标题导航栏
/*** 微信小程序头部自定义标题导航栏* * 参数:* pageTitle: 导航栏标题,默认不显示* navColor: 导航栏背景颜色,默认白色,透明为'transparent'属性值* noS ...
微信小程序实现自定义顶部导航栏（选项卡），固定导航栏和可滑动导航栏
微信小程序实现自定义顶部导航栏(选项卡),固定导航栏和可滑动导航栏固定导航栏可滑动导航栏顶部导航栏的需求实现: 顶部导航栏由列表渲染,通过tabclick点击事件改变activeIndex变量的 ...
微信小程序开发错误——底部导航栏没有显示完全
微信小程序开发错误--底部导航栏没有显示完全原因:由于在app.json中设置跳转页面时,假设有A.B.C.D四个图标(点击可以跳转),B和C的跳转页面相同,C的图标就会覆盖B的图标,B的图标就相当 ...
Taro编译微信小程序实现顶部自定义导航栏
[需求] 使用taro开发微信小程序的过程中,涉及到小程序的需要自定义顶部导航栏(导航栏渐变色),微信小程序中只能够设置固定的颜色,渐变颜色以及添加其他按钮的操作就不能够通过小程序自带的api来实现 ...
微信小程序购物车和左侧导航栏
先上实现图话不多说,直接上代码 cars.js // const arr = require("../../utils/data"); // pages/cars/cars.j ...
微信小程序实现透明渐变导航栏
最近在微信小程序实现透明渐变的导航栏,刚好有接触wxs,所以尝试着用wxs实现.核心代码: <scroll-view scroll-y style="height: {{pageHei ...
微信小程序中自定义背景导航栏透明背景设置
首先确定好自己要在哪个页面中使用自定义头部导航栏样式在该页面中找到xxx.json文件中添加上 "navigationStyle":''custom" 这样在页面中头部 ...
html底部导航栏图标切换,【微信小程序】自定义底部导航栏，切换不同页面显示不同tabbar...
https://blog.csdn.net/small_lack/article/details/80959278 在一个微信小程序中想要用到两种不同的tabbar样式,需要在app.js中自定义,在 ...
微信小程序制作页面内导航栏
描述项目要写一个页面内的导航栏,功能包括点击更改导航栏的样式,切换数据源. 成果介绍首先对导航栏设置flex布局,让三个导航标签评分屏幕,之后设置点击事件,样式改变和数据切换代码 wxml & ...

微信小程序之scroll-view-导航栏左右滑动

微信小程序之scroll-view-导航栏左右滑动相关推荐

最新文章

热门文章