chore: upload readme

huanghanzhilian · Feb 22, 2024 · 0ebfd59 · 0ebfd59
1 parent 06bdf44
commit 0ebfd59
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 26 deletions.
diff --git a/README.md b/README.md
@@ -1,57 +1,51 @@
 # web组件
 
-- 演示分支：gh-pages
 
-- 代码发布分支：master
-
-- 项目演示(DEMO)地址：http://www.huanghanlian.com/widget/
-
-### 版权
-本套组件由 [huanghanlian.com](http://www.huanghanlian.com/) 原创，请尊重原创，保留脚本头部版权。
+- 项目演示(DEMO)地址：http://widget.huanghanlian.com/
 
 
 ---
 
 ### 滑动条-原生js封装
 简介：进度及范围控制，支持手势操作，支持移动端+PC
-[演示](http://www.huanghanlian.com/widget/range/)
+[演示](http://widget.huanghanlian.com/range/)
 ```javascript
 new range("selector",options,callback(api));
 ```
 
 ### 滚动条-原生js封装
 简介：模拟滚动条，支持手势操作，支持移动端+PC
-[演示](http://www.huanghanlian.com/widget/scrollbar/)
+[演示](http://widget.huanghanlian.com/scrollbar/)
 ```javascript
 new scrollbar("selector",options,callback(api));
 ```
 
 ### 日历-原生js封装
 简介：日期及日期范围选择，灵活的日期选择功能
-[演示](http://www.huanghanlian.com/widget/calendar/)
+[演示](http://widget.huanghanlian.com/calendar/)
 ```javascript
 new calendar("selector",options);
 ```
 
 ### 无缝轮播图-原生js封装
 简介：无缝滚动、响应式、参数可调控等等
-[演示](http://www.huanghanlian.com/widget/bannerha/)
+[演示](http://widget.huanghanlian.com/bannerha/)
 ```javascript
 new bannerha(selector,{options});
 ```
 
 
 ### Tab面板-原生js封装
 简介：Tab面板、响应式、参数可调控等等
-[演示](http://www.huanghanlian.com/widget/tabpanel/)
+[演示](http://widget.huanghanlian.com/tabpanel/)
 ```javascript
 new tabpanel(selector,{options});
 ```
 
 
 ### 无缝向上滚动-原生js封装
 简介：无缝滚动、间隔滚动、响应式、参数可调控等等
-[演示](http://www.huanghanlian.com/widget/scrollup/)
+[演示](http://widget.huanghanlian.com/scrollup/)
 ```javascript
 new scrollup(selector,{options});
 ```
@@ -60,56 +54,56 @@ new scrollup(selector,{options});
 
 ### 放大镜-原生js封装
 简介：电商放大镜封装、参数可调控等等
-[演示](http://www.huanghanlian.com/widget/magnifier/)
+[演示](http://widget.huanghanlian.com/magnifier/)
 ```javascript
 new magnifier(selector,{options});
 ```
 
 ### 倒计时-原生js封装
 简介：倒计时、参数可调控等等
-[演示](http://www.huanghanlian.com/widget/countdown/)
+[演示](http://widget.huanghanlian.com/countdown/)
 ```javascript
 new countdown(selector,{options});
 ```
 
 ### 下拉框-原生js封装
 简介：下拉框、支持键盘事件、参数可调控等等
-[演示](http://www.huanghanlian.com/widget/select/)
+[演示](http://widget.huanghanlian.com/select/)
 ```javascript
 new select(selector,{options});
 ```
 
 ### 标签页-tabs-原生js封装
 简介：简易标签切换及淡入淡出幻灯片功能
-[演示](http://www.huanghanlian.com/widget/tabs/)
+[演示](http://widget.huanghanlian.com/tabs/)
 ```javascript
 new tabs(selector,{options});
 ```
 
 ### 图片聚焦-imagezoom-原生js封装
 简介：图片居中及缩放处理
-[演示](http://www.huanghanlian.com/widget/imagezoom/)
+[演示](http://widget.huanghanlian.com/imagezoom/)
 ```javascript
 new imagezoom(selector,{options});
 ```
 
 ### 弹出框-dialog-原生js封装
 简介：个性弹出层，自定义弹出位置，巧妙的定位方式
-[演示](http://www.huanghanlian.com/widget/dialog/)
+[演示](http://widget.huanghanlian.com/dialog/)
 ```javascript
 new dialog(selector,{options});
 ```
 
 ### 城市三级联动 - citys-原生js封装
 简介：最新最全的城市区划数据，自定义事件处理方式
-[演示](http://www.huanghanlian.com/widget/citys/)
+[演示](http://widget.huanghanlian.com/citys/)
 ```javascript
 new citys("selector",options,callback(api));
 ```
 
 ### 格式化输入框-inputFormat-原生js封装
 简介：格式化输入，方便验证
-[演示](http://www.huanghanlian.com/widget/inputFormat/)
+[演示](http://widget.huanghanlian.com/inputFormat/)
 ```javascript
 new inputFormat("selector",options,callback(api));
 ```
diff --git a/index.html b/index.html
@@ -2,7 +2,7 @@
 <html lang="zh-CN">
 	<head>
 		<meta charset="utf-8">
-		<title>我的组件库</title>
+		<title>widget 原生JavaScript组件库</title>
 		<link rel="shortcut icon" href="./public/image/favicon.ico" type="images/x-icon"/>
 		<link rel="icon" href="./public/image/favicon.png" type="images/png"/>
 		<link rel="stylesheet" type="text/css" href="./public/style/cssreset-min.css">
@@ -102,12 +102,12 @@
 		<div class="wrapper">
 			<header>
 				<div class="mod-head">
-					<h1>我的Web组件库</h1>
-					<p>让前端开发快到飞起来～</p>
+					<h1 style="margin-bottom: 20px;">widget 原生JavaScript组件库</h1>
+					<p>随着现在各种框架的兴起，我们很少去思考用原生JS是如何工作的，了解原生JS也非常重要～</p>
 				</div>
 				<div class="mod-list">
 					<ul>
-						<li><a class="btn" href="http://www.huanghanlian.com/" target="_blank">个人网站</a></li>
+						<li><a class="btn" href="https://blog.huanghanlian.com/" target="_blank">个人网站</a></li>
 						<li><a class="btn" href="https://github.com/huanghanzhilian/widget" target="_blank">查看GitHub</a></li>
 						<li><a class="btn" href="https://github.com/huanghanzhilian/widget/archive/master.zip" target="_blank">下载 .zip</a></li>
 					</ul>
@@ -184,7 +184,7 @@ <h1>我的Web组件库</h1>
 			</div>
 			<footer>
 				<div class="mod-foot">
-					<p>Copyright &copy; <span>huanghanlian.com</span></p>
+					<p>Copyright &copy; <span>widget.huanghanlian.com</span></p>
 				</div>
 			</footer>
 		</div>