市面上类似的取图小程序不少,但要找到正版最新的系统,就很重要,免得花了时间还用不起来。
现在这一款是最新的系统,功能非常齐全。搭建后,我们先来看下成品:
可以看出 Ui和功能都是跟得上时代的。
源码分享:
//抖音搜:云微取图 查看演示 和在小程序里联系客服搭建
{
"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText":"",
//"navigationStyle": "custom"
"transparentTitle":"always"
}
},//抖音搜:云微取图 查看演示 和在小程序里联系客服搭建
{
"path": "pages/index/recommend",
"style": {
"navigationBarTitleText": "热门详情"
}
},
{
"path": "pages/talent/index"
},
{
"path": "pages/talent/detail",
"style": {
// "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"
}
,{
"path" : "pages/index/webview"
},
{
"path":"pages/index/richtext"
},
{
"path": "pages/detail/layout2"
},
{
"path":"pages/user/richtext"
},
{
"path":"pages/user/setting"
}
,{
"path" : "pages/user/expert"
}
,{
"path" : "pages/pay/index",
"style": {
"navigationBarTitleText": "成为会员"
}
},
{
"path": "pages/user/order-list",
"style": {
"navigationBarTitleText": "我的订单"
}
}
],
"globalStyle": {
"navigationBarTextStyle": "white",
"navigationBarTitleText": "蓝莓潮图",
"navigationBarBackgroundColor": "#3D88FE",
"backgroundColor": "#FFFFFF"
},
"tabBar": {
"color": "#666666",
"selectedColor": "#3D88FE",
"borderStyle": "black",
"backgroundColor": "#ffffff",
"list": [{
"pagePath": "pages/index/index",
"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/tuijian1.png",
"selectedIconPath": "static/images/tuijian.png",
"text": "推荐"
}
, {
"pagePath": "pages/user/index",
"iconPath": "static/images/user.png",
"selectedIconPath": "static/images/user-active.png",
"text": "我的"
}
]
}
}
//抖音搜:云微取图 查看演示 和在小程序里联系客服搭建
后端用宝塔 ngnix设置伪静态环境:
//抖音搜:云微取图 查看演示 和在小程序里联系客服搭建
location ~* (runtime|application)/{
return 403;
}
location / {
if (!-e $request_filename){
rewrite ^(.*)$ /index.php?s=$1 last; break;
}
}
//抖音搜:云微取图 查看演示 和在小程序里联系客服搭建
然后发布系统配置后台appid 密钥 云储存 上提交审核即可。云微壁纸这个源码是比较新的系统。