Skip to content

Commit

Permalink
V1.2.0代码提交
Browse files Browse the repository at this point in the history
  • Loading branch information
dingyong0214 committed Jul 8, 2019
0 parents commit e0f210f
Show file tree
Hide file tree
Showing 891 changed files with 165,369 additions and 0 deletions.
18 changes: 18 additions & 0 deletions App.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
<script>
export default {
onLaunch: function() {
console.log('App Launch')
},
onShow: function() {
console.log('App Show')
},
onHide: function() {
console.log('App Hide')
}
}
</script>

<style>
/*每个页面公共css */
@import "./common/app.css";
</style>
91 changes: 91 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,91 @@
# ThorUI
ThorUI组件库,uni-app代码片段分享

![image](https://thorui.cn/img/applets.jpg)

# 网站介绍

[https://www.thorui.cn/](https://www.thorui.cn/)


本项目稳定后,会同步更新到微信小程序,支付宝小程序,百度小程序,头条小程序等

# V1.2.0
1.新增组件NumberBox数字框:可设置步长,支持浮点数,支持调整样式(可单独设置)。

2.新增组件Rate评分:可设置星星数,可设置大小颜色。

3.新增聊天模板,包含:消息列表,好友列表,聊天界面等。

4.新增商城模板,包含:商城首页,商城列表,商城详情等。

5.优化部分体验。

# V1.1.0
1.将基础组件移出扩展,单独出来。

2.扩展改为单独tab bar选项extend。

3.新增滚动消息(extend=>滚动消息):包括顶部通告栏,滚动新闻,以及搜索框中出现的热搜产品。

4.新增弹层下拉选择(extend=>弹层下拉选择):包含顶部下拉选择列表、输入框下拉选择以及底部分享弹层。

5.新增ActionSheet操作菜单(extend=>ActionSheet):可加入提示信息,可单独设置字体样式。

6.新增新闻模板(extend=>新闻模板):包含新闻列表,新闻详情,评论等。

7.部分功能优化,修复已知bug。

# V1.0.0
1.【地图】新增拖拽定位功能

2.【扩展】新增基础组件,包括:字体图标,按钮,Grid宫格,List列表,Card卡片...

3.【扩展】新增数字键盘

4.【扩展】新增时间轴

5.完善thor(个人中心)功能,包括:关于Thor UI,模拟登录,GitHub地址复制,赞赏,反馈,更新日志等

6.已知bug修复,以及部分功能优化

## 赞赏

![image](https://thorui.cn/img/reward_small.jpg)


# 商城模板部分截图


| ![商城首页](https://thorui.cn/img/mall/1.png) | ![](https://thorui.cn/img/mall/2.png) | ![](https://thorui.cn/img/mall/3.png) | ![](https://thorui.cn/img/mall/4.png) |
| ------------ | ------------ | ------------ | ------------ |
| ![](https://thorui.cn/img/mall/5.png) | ![](https://thorui.cn/img/mall/6.png) | ![](https://thorui.cn/img/mall/7.png)| ![](https://thorui.cn/img/mall/8.png) |
| ![](https://thorui.cn/img/mall/9.png)| ![](https://thorui.cn/img/mall/10.png) | | |


# 新闻模板部分截图

| ![](https://thorui.cn/img/news/1.png) | ![](https://thorui.cn/img/news/2.png)| ![](https://thorui.cn/img/news/3.png) |
| ------------ | ------------ | ------------ |
| ![](https://thorui.cn/img/news/4.png) | ![](https://thorui.cn/img/news/5.png) | ![](https://thorui.cn/img/news/6.png) |


# 聊天模板截图
| ![](https://thorui.cn/img/chat/1.png) | ![](https://thorui.cn/img/chat/2.png) | ![](https://thorui.cn/img/chat/3.png) |
| ------------ | ------------ | ------------ |
| | | |


# 组件功能部分截图

| ![消息提示](https://thorui.cn/img/function/1.jpg)| ![吸顶容器](https://thorui.cn/img/function/2.jpg) | ![数字键盘](https://thorui.cn/img/function/3.jpg) | ![锁频键盘](https://thorui.cn/img/function/4.jpg) | ![时间轴](https://thorui.cn/img/function/5.jpg) |
| ------------ | ------------ | ------------ | ------------ | ------------ |
| ![消息滚动](https://thorui.cn/img/function/6.jpg) | ![弹层,下拉选择](https://thorui.cn/img/function/7.jpg) | ![抽奖转盘](https://thorui.cn/img/function/8.jpg) | ![抽屉](https://thorui.cn/img/function/9.jpg) | ![滑动菜单](https://thorui.cn/img/function/10.png) |
| ![二维码生成](https://thorui.cn/img/function/11.png) | ![地图-拖拽定位](https://thorui.cn/img/function/12.png) |![地图-周边地点](https://thorui.cn/img/function/13.png) | ![基础组件](https://thorui.cn/img/function/14.png) | ![索引列表-城市选择](https://thorui.cn/img/function/15.png) |
| ![索引列表](https://thorui.cn/img/function/16.png) | ![顶部选项卡](https://thorui.cn/img/function/17.png) | ![rate评分](https://thorui.cn/img/function/18.png) |![数字输入框](https://thorui.cn/img/function/19.png) | |



## 赞赏

![image](https://thorui.cn/img/reward_small.jpg)
99 changes: 99 additions & 0 deletions common/app.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,99 @@
/**app.wxss**/

page {
background: #fafafa;
font-size: 32upx;
/* font-family:PingFang-SC-Medium; */
}

.container {
display: flex;
flex-direction: column;
box-sizing: border-box;
}

.phcolor {
color: #ccc;
font-size: 32upx;
}

button::after {
border: none;
}

.opcity {
opacity: 0.5;
}

.hover {
background: #f7f7f9 !important;
}

.ellipsis {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

/*列表统一样式 */

.list-item {
position: relative;
}

.list-item::after {
content: '';
position: absolute;
border-bottom: 1upx solid #eaeef1;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
bottom: 0;
right: 0;
left: 30upx;
}

.last::after {
border-bottom: 0 !important;
}

/*按钮样式*/

.btn-primary {
width: 100%;
height: 90upx;
line-height: 90upx;
background: linear-gradient(-90deg, #5677fc, #5c8dff);
border-radius: 45upx;
color: #fff;
font-size: 36upx;
}

.btn-hover {
color: #d5d4d9;
background: linear-gradient(-90deg, #4a67d6, #4e77d9);
}

.btn-gray {
background: #ededed;
color: #999 !important;
}

.btn-gray-hover {
background: #d5d5d5 !important;
color: #898989;
}

.btn-white {
background: #fff;
color: #333 !important;
}

.tui-white-hover {
background: #e5e5e5 !important;
color: #2e2e2e !important;
}

.btn-disabled {
color: #fafbfc !important;
background: linear-gradient(-90deg, #cad8fb, #c9d3fb);
}
54 changes: 54 additions & 0 deletions common/request.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,54 @@
//公共js,以及基本方法封装 nvue里使用
const fetch = {
interfaceUrl: function() {
//接口地址
return "http://39.108.124.252:12000/";
},
toast: function(tips) {
uni.showToast({
title: tips || "出错啦~",
icon: 'none',
duration: 2000
})
},
request: function(url, postData, method, type, showLoading) {
//接口请求
if (showLoading) {
uni.showLoading({
mask: true,
title: '请稍候...',
})
}
const token = postData.token || "";
delete postData["token"]
const params = {
data: method === "POST" ? postData : JSON.stringify(postData)
}
return new Promise((resolve, reject) => {
uni.request({
url: fetch.interfaceUrl() + url,
data: method === "POST" ? JSON.stringify(params) : params,
header: {
'content-type': type ? 'application/x-www-form-urlencoded' : 'application/json',
'authorization': token,
'security': "1"
},
method: method, //'GET','POST'
dataType: 'json',
success: (res) => {
showLoading && uni.hideLoading()
resolve(res.data)
},
fail: (res) => {
fetch.toast("网络不给力,请稍后再试~")
reject(res)
}
})
})
}
}

module.exports = {
request: fetch.request,
toast: fetch.toast
}
Loading

0 comments on commit e0f210f

Please sign in to comment.