HTML5 weui使用笔记

admin html5 2022-02-05 22:56:19 HTML5 weui"

按钮

这里写图片描述

按钮-确定-可用
按钮-确定-不可用
按钮-警告-可用
按钮-警告-不可用
按钮-取消-可用
按钮-取消-不可用
按钮-镂空-取消
按钮-镂空-确定
按钮-迷你-确定
按钮-迷你-取消

列表项

这里写图片描述


    
        
            带说明的列表项
        
        说明文字
    


    
        
            
%20%20%20%20%20%20%20%20
%20%20%20%20%20%20%20%20
%20%20%20%20%20%20%20%20%20%20%20%20带图标、说明、跳转的列表项
%20%20%20%20%20%20%20%20

%20%20%20%20%20%20%20%20说明文字

%20%20%20%20 %20%20%20%20 %20%20%20%20%20%20%20%20 %20%20%20%20%20%20%20%20%20%20%20%20

说明、跳转的列表项

%20%20%20%20%20%20%20%20

%20%20%20%20%20%20%20%20说明文字

%20%20%20%20

单选列表项%20

复选列表项

这里写图片描述

其他表单

这里写图片描述

图片上传

这里写图片描述

日期时间

这里写图片描述

下拉框

这里写图片描述

自定义弹窗内容-选择框

这里写图片描述


    
    
        弹窗标题
        自定义弹窗内容
...
        
            取消
            确定

自定义弹窗内容-确定框

这里写图片描述


    
    
        弹窗标题
        弹窗内容，告知当前页面信息等
        
            确定

进度条

这里写图片描述

提醒框

这里写图片描述


    
    
        
        操作异常
(2秒后自动关闭)

加载框

这里写图片描述

结果页

这里写图片描述


    
    
        操作成功
        内容详情，可根据实际需要安排
    
    
        
            确定
            取消
        
    
    
        查看详情

文章页

这里写图片描述


    大标题
    
        章标题
        
            1.1 节标题
            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
                quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                consequat. Duis aute
        
        
            1.2 节标题
            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
                cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
                proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

图标

这里写图片描述

示例菜单

这里写图片描述


    点击上拉ActionSheet


    
    
        
            示例菜单1
            示例菜单2
            示例菜单3
            示例菜单4
        
        
            取消

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持潘少俊衡。

1000元配置

2000元配置

3000元配置

4000元配置

5000元配置

6000元配置

7000元配置

8000元配置

9000元配置

万元配置

i3配置

i5配置

i7配置

APU配置

R5配置

R7配置

游戏攻略

软件教程

Win10教程

Win7教程

Mac教程

Linux教程

U盘教程

Server教程

HTML5 weui使用笔记

操作成功

大标题

章标题

1.1 节标题

1.2 节标题

版权声明

热门文章

最近发表

标签列表

| 桂ICP备2023010378号-4

Powered By EmpireCMS

HTML5 weui使用笔记

操作成功

大标题

章标题

1.1 节标题

1.2 节标题

版权声明

相关文章

热门文章

最近发表

标签列表

var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?1cc50873f5e983e8073d99a425b87921"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); | 桂ICP备2023010378号-4

Powered By EmpireCMS

| 桂ICP备2023010378号-4