The source code of blue and black ui version of the picture taking applet, with traffic master + expert + member + special function

Recently, many people asked me to update a new UI. People who are familiar with us know that our image capture system is doing well. This hardcore upgrade. The blue and black UI that everyone is looking forward to is also very powerful. With traffic master + expert + member + special function.

 

Without further ado, go directly to the program.

Front-end source code:

//完整源码和搭建联系微信：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

Here is a preview of the effect after construction:

 

 

 Those who like this set of themes can start