基于python实现MUI区域滚动
作者：衡辉 发布时间：2023-11-04 02:38:52
标签：python,MUI,区域,滚动
本文转自微信公众号："算法与编程之美"
Python用HBuilder创建交流社区APP
基于Python实现MUI侧滑菜单a标签跳转
基于Python 优化 MUI标题栏
基于python使MUI登录页面的美化
1、前言
MUI提供了区域滚动的组件，使用时遵循DOM结构就可以。若是需要使用区域滚动的组件，就需要初始化scroll控件。本次在制作页面时关于区域滚动遇到了一些问题将会在下文展开。
2、问题描述
在创建好区域滚动之后不能够按照预想状态横向滚动，按照MUI官网上给出的代码敲入之后所有的内容都停留在了最左的界面，不能够根据横向滚动的class来具体放置。
示例：
图上的商品介绍、商家、评价原本应为区域滚动的三个部分，在将各个部分的内容对应添加上去时，全部都呈现在了一个页面。而且在滚动时下方的蓝色条并不能随之滚动，但字体会变为蓝色。
3、解决方案
查看html上的代码，可以发现在<div id="item1mobile" class="md-f1 mui-slider-item mui-control-contentdetailInfos md-box md-ver mui-active">和<div>之后是直接使用了divclass加上之后的图片内容。
其实我们只用加入ul组件，再去调用图片与内容，就不会出现以上的情况了。
比如： <ulclass="mui-table-view"></ul> ，在每一个滚动区域都这样使用，就可以正常的进行区域滚动了
4、结语
这次的问题是在对页面进行优化时发现的，修改之后整个页面都美观了许多。当遇到这类的问题的时候其实应该仔细检查，只要是有一定的基础都可以发现这个问题并进行改正。
0
投稿猜你喜欢
- 环境搭建准备工具：pyton3.5,selenium,phantomjs我的电脑里面已经装好了python3.5安装Seleniumpip3
我在使用conda安装虚拟环境的过程中，下载一些包，比如torch等，发现在虚拟环境中有一份以外，pkgs文件夹下同样也会出现一份，大小一样- 手头有 109 张头部 CT 的断层扫描图片，我打算用这些图片尝试头部的三维重建。基础工作之一，就是要把这些图片数据读出来，组织成一个三维的
- JavaScript Dom编程 学习书籍选择JavaScript Dom编程学习，很多朋友无疑对如何选择入门的书籍，比较头疼。或许也是他们
- 一、业务背景在金融风控领域，常常使用KS指标来衡量评估模型的区分度（discrimination），这也是风控模型最为追求的指标之一。下面将
- 最近服务器很不稳定，于是重装了mysql 和php 服务，但是接着却遇到了很头疼的麻烦。远程连接mysql是总是提示：Lost connec
- 多数应用场景下，我们需要对重要数据进行备份、并放置到一个安全的地方，以备不时之需。常见的 MySQL 数据备份方式有，直接打包复制对应的数据
- 前言在使用keras时候报错Keyerror ‘acc'，这是一个keras版本问题，acc和accuracy本意是一样的，但是不同
- 我就废话不多说了，直接上代码吧！#全0和全1矩阵v1 = tf.Variable(tf.zeros([3,3,3]), name="
- 暂时是一个手动设置无向图中的边，用一个二维数组表示，后面会改进为用户自己定义无向图的边。学习python的新手，若大佬有解决的办法，希望不吝
- 上一篇实战爬取知乎热门话题的实战，并且保存为本地的txt文本先上代码，有很多细节和坑需要规避，弄了两个半小时import requestsi
- 最近疫情在家，空闲时间比较多，整理下之前写的Golang项目Weave，补充了一些功能，加了前端实现。作为一个Web应用模板，也算是功能比较
- 前言：在数据库中，数据表是数据库中最重要、最基本的操作对象，是数据存储的基本单位。数据表被定义为列的集合，数据在表中是按照行和列的格式来存储
- explain显示了mysql如何使用索引来处理select语句以及连接表.可以帮助选择更好的索引和写出更优化的查询语句.使用方法:在sel
- 前言：在生活中工作中，我们经常使用Excel用于储存数据，Tableau等BI程序处理数据并进行可视化。我们也经常使用R、Python编程进
- 相信很多人在使用正则表达式的时候都会遇到如下的语句：通过查阅正则表达式的API文档可以了解到正则表达式的语法知识：很多小伙伴就会产生疑问为什
- python保留两位小数：In [1]: a = 5.026In [2]: b = 5.000In [3]: round(a,2)Out[3
- 1. 背景:最近写了一篇CSDN博客需要上传gif图，发现大小超过了5M，无法上传。文件大小:本想自己找个免费的压缩工具，结果下载下来的工具
- 可视化图表，有相当多种，但常见的也就下面几种，其他比较复杂一点，大都也是基于如下几种进行组合，变换出来的。对于初学者来说，很容易被这官网上众
- 您是否常常在做网页的过程中发现一个问题呢？当图片上传的时候，如果图片太大 ，就会把网页撑破，唯一做的就要先把它用软件缩小，再上传上
