最近不少人要我更新一套新UI,熟悉我们的人,都知道,我们取图系统是做的不错的。这次硬核升级。大家期待的蓝黑UI,功能也非常给力。带流量主+达人+会员+专题功能。
话不多说,直接上程序。
前端部分源码:
//完整源码和搭建联系微信:nn7334n
//完整源码和搭建联系微信:nn7334n
{
"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText":"",
//"navigationStyle": "custom"
"transparentTitle":"always"
}
},//完整源码和搭建联系微信:nn7334n
{
"path": "pages/index/recommend",
"style": {
"navigationBarTitleText": "专题详情",
"transparentTitle":"always"
}
},
{
"path": "pages/special/list",
"style": {
"navigationBarTitleText": "专题",
"transparentTitle":"always"
}
},//完整源码和搭建联系微信:nn7334n
{
"path": "pages/special/detail",
"style": {
"navigationBarTitleText": "专题详情",
"transparentTitle":"always"
}
},
{
"path": "pages/talent/index",
"style": {
"navigationBarTitleText": "达人",
"transparentTitle":"always"
}
},
{
"path": "pages/talent/detail",
"style": {
"transparentTitle":"always"
// "navigationBarTitleText":""
// "navigationStyle": "custom"
// "transparentTitle":"always"
}
},
{
"path": "pages/cate/index"
},
{
"path": "pages/search/index"
},
{
"path": "pages/search/result"
},
{
"path": "pages/list/index"
},
{
"path": "pages/detail/index",
"style": {
"navigationBarTitleText":"",
//"navigationStyle": "custom"
"transparentTitle":"always"
}
},
{
"path": "pages/user/index",
"style": {
"navigationBarTitleText":"",
// "navigationStyle": "custom"
"transparentTitle":"always"
}
},
{
"path": "pages/user/collect",
"style": {
"navigationBarTitleText": "我的收藏",
"navigationBarTextStyle": "black"
}
}
,{
"path" : "pages/index/webview"
},
{
"path":"pages/index/richtext"
},
{
"path": "pages/detail/layout2"
},
{
"path":"pages/user/richtext"
},
{
"path":"pages/user/setting"
}
,{
"path" : "pages/user/expert",
"style": {
"navigationBarTextStyle": "black"
}
}
,{//完整源码和搭建联系微信:nn7334n
"path" : "pages/pay/index",
"style": {
"navigationBarTitleText": "成为会员",
"navigationBarTextStyle": "black"
}
},
{
"path": "pages/user/order-list",
"style": {
"navigationBarTitleText": "我的订单",
"navigationBarTextStyle": "black"
}
},
{
"path": "pages/synthesis/detail"
},
{
"path": "pages/synthesis/list"
}
],
"globalStyle": {
"navigationBarTextStyle": "white",
"navigationBarTitleText": "云微取图",
"navigationBarBackgroundColor": "#FFFFFF",
"backgroundColor": ""
},
"tabBar": {
"color": "#9D9DA3",
"selectedColor": "#4739F4",
"borderStyle": "black",
"backgroundColor": "#242424",
"list": [{
"pagePath": "pages/index/index",
"iconPath": "static/images/home.png",
"selectedIconPath": "static/images/home-active.png",
"text": "首页"
}
,{
"pagePath": "pages/special/list",
"iconPath": "static/images/home.png",
"selectedIconPath": "static/images/home-active.png",
"text": "专题"
}
, {
"pagePath": "pages/talent/index",
"iconPath": "static/images/expert.png",
"selectedIconPath": "static/images/expert-active.png",
"text": "达人"
}
//, {
// "pagePath": "pages/index/recommend",
// "iconPath": "static/images/expert.png",
// "selectedIconPath": "static/images/expert-active.png",
// "text": "推荐"
//}
, {
"pagePath": "pages/user/index",
"iconPath": "static/images/user.png",
"selectedIconPath": "static/images/user-active.png",
"text": "我的"
}
]
}
}//完整源码和搭建联系微信:nn7334n
//完整源码和搭建联系微信:nn7334n
搭建后的效果大家预览下:
喜欢这套主题的可以入手