基于python实现MUI区域滚动

作者:衡辉 时间:2023-11-04 02:38:52 

本文转自微信公众号:"算法与编程之美"

  Python用HBuilder创建交流社区APP
  基于Python实现MUI侧滑菜单a标签跳转
  基于Python 优化 MUI标题栏
  基于python使MUI登录页面的美化

1、前言

MUI提供了区域滚动的组件,使用时遵循DOM结构就可以。若是需要使用区域滚动的组件,就需要初始化scroll控件。本次在制作页面时关于区域滚动遇到了一些问题将会在下文展开。

2、问题描述

在创建好区域滚动之后不能够按照预想状态横向滚动,按照MUI官网上给出的代码敲入之后所有的内容都停留在了最左的界面,不能够根据横向滚动的class来具体放置。

示例:

基于python实现MUI区域滚动

基于python实现MUI区域滚动

图上的商品介绍、商家、评价原本应为区域滚动的三个部分,在将各个部分的内容对应添加上去时,全部都呈现在了一个页面。而且在滚动时下方的蓝色条并不能随之滚动,但字体会变为蓝色。

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> ,在每一个滚动区域都这样使用,就可以正常的进行区域滚动了

基于python实现MUI区域滚动

4、结语

这次的问题是在对页面进行优化时发现的,修改之后整个页面都美观了许多。当遇到这类的问题的时候其实应该仔细检查,只要是有一定的基础都可以发现这个问题并进行改正。

标签:python,MUI,区域,滚动
0
投稿

猜你喜欢

  • python正则过滤字母、中文、数字及特殊字符方法详解

    2022-02-20 10:14:47
  • SQL Server 2000中生成XML的小技巧

    2009-02-13 17:12:00
  • pytorch教程之网络的构建流程笔记

    2021-11-24 10:58:59
  • rs.open sql,conn,1,1与rs.open sql,conn,1.3还有rs.open sql,conn,3,2区别

    2011-02-24 10:49:00
  • MySQL基础教程第一篇 mysql5.7.18安装和连接教程

    2024-01-15 18:55:19
  • Python 学习笔记

    2022-06-18 07:12:31
  • python事件驱动event实现详解

    2021-07-27 21:17:04
  • Python figure参数及subplot子图绘制代码

    2023-09-14 17:13:00
  • JavaScript 日期联动选择器

    2010-08-01 10:18:00
  • python内置数据类型之列表操作

    2023-04-08 02:17:36
  • 浅谈vue项目利用Hbuilder打包成APP流程,以及遇到的坑

    2024-04-10 13:46:11
  • Python ArcPy批量掩膜、重采样大量遥感影像的操作

    2023-12-23 14:48:55
  • Python使用遗传算法解决最大流问题

    2023-02-19 10:49:57
  • Python中aiohttp的简单使用

    2022-05-29 05:43:33
  • C#简单查询SQLite数据库是否存在数据的方法

    2024-01-13 04:34:48
  • 使用pytorch实现可视化中间层的结果

    2022-12-11 03:30:24
  • 解决Jupyter因卸载重装导致的问题修复

    2023-09-30 18:22:31
  • Python趣味爬虫之用Python实现智慧校园一键评教

    2022-02-07 17:53:52
  • Python中and和or如何使用

    2022-04-27 18:01:49
  • 推荐9款很棒的网页绘制图表JavaScript框架脚本

    2009-04-15 12:13:00
  • asp之家 网络编程 m.aspxhome.com