# TaoxueUI

**Repository Path**: taoxuecloud/TaoxueUI

## Basic Information

- **Project Name**: TaoxueUI
- **Description**: 淘学云原创前端UI设计库，使用起来方便、快速。
- **Primary Language**: HTML
- **License**: EPL-1.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2017-08-02
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

#TaoxueUI
	本UI前端库设计简单，主要面向前端样式表文件的开发，方便淘学云学子快速上手制作移动端页面。
	开发者：平昔
	开发单位：淘学云 
	版本：V1.0.1
*	TaoxueUI网址： <http://ui.tx97.cn/>
*	淘学云网址： <http://tx97.cn/>
#环境要求
* 暂时没有特殊要求
#安装
	直接下载使用
#免费
* 完全免费
#规范性
* 各种样式表命名规范
* 代码使用规范


#前端库文件
	TaoxueUI设计简洁，符合现代流行风格。

##全局样式
* 网页背景色：#f8f8f8
>NavS1Clean	
清理样式表，首位部展开。

*	使用方法:
	
		<div class="NavS1Clean"></div>

##顶部导航
>NavS1	
淡黄色渐变至百色，设计风格十分简约。

*	使用方法:
	
		<nav class="NavS1">
			<a href="#">返回淘学云</a>
			<p>标题区域</p>
		</nav>
		
##底部导航
>FootS1	
底部黑色透明单按钮。

*	使用方法:
	
		<footer class="FootS1">
			<a href="http://tx97.cn">返回淘学云</a>
		</footer>
		

##列表
>UlS1	
简约列表。

*	使用方法:
	
		<ul class="UlS1">
			<li class="UlH2">列表标题</li>
			<li>
				<a href="http://tx97.cn">
					- 项目名称
				</a>
			</li>
		</ul>
		
##提示
>TipsS1	
橙色提示信息。

*	使用方法:
	
		<div class="TipsS1">
			这里是提示信息。
		</div>
		
##按钮
>BtnS1	
橙色长阴影按钮。

*	使用方法:
	
		<a class="BtnS1" href="http://tx97.cn/">
			这里是按钮名称
		</a>
		
##登录
>InputS1	
登录页面。

*	使用方法:
	
		<form class="InputS1" action="" method="post">
		 <div>
		  <label>账号</label>
		  <input name="txtUser" type="text" id="txtUser" class="txt" placeholder="请输入手机/邮箱">				
		 </div>
		 <div>
		  <label>账号</label>
		  <input name="txtPwd" type="password" maxlength="20" id="txtPwd" class="txt" placeholder="请输入密码">
		 </div>
		 <div style="border:none;padding: 0px;">
		  <input class="InputS1Forget1" name="RememberMeCheckBox" type="checkbox">
		  <label class="InputS1Forget2">下次自动登录</label>
		  <a href="http://tx97.cn">忘记密码？</a>
		 </div>	
		 <input id="btnLogin" type="submit" name="btnLogin" value="立即登录">
		</form>