forked from dingyong0214/ThorUI-uniapp
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
0 parents
commit e0f210f
Showing
891 changed files
with
165,369 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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); | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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 | ||
} |
Oops, something went wrong.