封装底部

components/tabbar.vue

@@ -0,0 +1,26 @@
+<template>
+	<view class="grey text" >
+		<tm-bottomnavigation style="height:40px" icon-color="red" :list="list_1"></tm-bottomnavigation>
+	</view>
+</template>
+
+<script>
+	export default {
+	data() {
+		return {
+			list_1: [
+				{ iconSize: 46,showDot:false,icon: '/static/aa.png',noIcon:'/static/logo.png', path:'/pages/index/index', value: '' },
+				{ iconSize: 46,showDot:false,icon: '/static/aa.png',noIcon:'/static/logo.png', path:'/pages/wardrobe/index', value: '' },
+				{ iconSize: 46,showDot:true, icon: '/static/aa.png',noIcon:'/static/logo.png', path:'/pages/message/index', value: '' },
+				{ iconSize: 46,showDot:true, icon: '/static/aa.png',noIcon:'/static/logo.png', path:'/pages/shop/index', value: '' },
+				{ iconSize: 46,showDot:true, icon: '/static/aa.png',noIcon:'/static/logo.png', path:'/pages/user/index', value: '' }
+			],
+		};
+	},
+	onLoad() {
+		
+
+	},
+	methods: {}
+};
+</script>

pages.json

@@ -23,19 +23,28 @@
 		{
 			"path": "pages/message/index",
 			"style": {
-				"navigationBarTitleText": "消息"
+				"navigationBarTitleText": "消息",
+				"app-plus":{
+					"titleNView": false
+				}
 			}
 		},
 		{
 			"path": "pages/shop/index",
 			"style": {
-				"navigationBarTitleText": "商场"
+				"navigationBarTitleText": "商场",
+				"app-plus":{
+					"titleNView": false
+				}
 			}
 		},
 		{
 			"path": "pages/user/index",
 			"style": {
-				"navigationBarTitleText": "我的"
+				"navigationBarTitleText": "我的",
+				"app-plus":{
+					"titleNView": false
+				}
 			}
 		}
 	],
@@ -46,29 +55,19 @@
 		"backgroundColor": "white",
 		"iconfontSrc": "static/icon/iconfont.ttf",
 		"list": [{
-				"pagePath": "pages/index/index",
-				"iconPath":"/static/aa.png",
-				"selectedIconPath":"./static/logo.png"
+				"pagePath": "pages/index/index"
 			},
 			{
-				"pagePath": "pages/wardrobe/index",
-				"iconPath":"/static/aa.png",
-				"selectedIconPath":"./static/logo.png"
+				"pagePath": "pages/wardrobe/index"
 			},
 			{
-				"pagePath": "pages/message/index",
-				"iconPath":"/static/aa.png",
-				"selectedIconPath":"./static/logo.png"
+				"pagePath": "pages/message/index"
 			},
 			{
-				"pagePath": "pages/shop/index",
-				"iconPath":"/static/aa.png",
-				"selectedIconPath":"./static/logo.png"
+				"pagePath": "pages/shop/index"
 			},
 			{
-				"pagePath": "pages/user/index",
-				"iconPath":"/static/aa.png",
-				"selectedIconPath":"./static/logo.png"
+				"pagePath": "pages/user/index"
 			}
 
 		]

pages/index/index.vue

@@ -1,98 +1,18 @@
 <template>
-	<view :style="{ minHeight: sys.windowHeight + 'px' }"
-		:class="[$tm.vx.state().tmVuetify.black ? 'black' : 'grey text ']">
-		<tm-menubars color="primary" title="" :shadow="0" :showback="false">
-			<!-- <template #left>
-				<view class="pl-24">
-					<tm-images :width="86" src="static/logowhite.png"></tm-images>
-				</view>
-			</template> -->
-
-		</tm-menubars>
-		
-		<view>
-			<view class="fixed fulled  overflow" style="z-index: 8;">
-				<tm-search @confirm="openSearch" v-model="keyword" suffixIcon=" " :showRight="false" :fllowTheme="false"
-					color="white" :bg-color="$tm.vx.state().tmVuetify.color || 'primary'"
-					:insertColor="$tm.vx.state().tmVuetify.color || 'primary'" :round="4" placeholder="组件中英文名的关键词"
-					:shadow="0">
-					<template #suffixIcon>
-						<view @click="openSearch">
-							<tm-tags dense color="primary" model="text">搜索组件</tm-tags>
-						</view>
-					</template>
-				</tm-search>
-			</view>
-			<view style="height: 84rpx;"></view>
-		</view>
-
-		<view :class="[$tm.vx.state().tmVuetify.black ? 'black' : $tm.vx.state().tmVuetify.color || 'primary']">
-			<view class=" py-32" style=""
-				:class="[$tm.vx.state().tmVuetify.black ? 'grey-darken-5 bk' : $tm.vx.state().tmVuetify.color || 'primary']">
-				<!-- <navigator url="gonggao" class=" text-align-center text-white pb-12 flex-center mx-32" style="vertical-align: middle;">
-					<text class="pr-32 text-weight-b text-size-s">来自作者的一条公告>></text>
-				</navigator> -->
-				<view class="text-size-s text-align-center text-white opacity-8">
-					<text class="pr-24 ">当前版本：{{ ver }}</text>
-					<text>更新时间：{{ time }}</text>
-				</view>
-			</view>
-			<view class="pt-14 pb-n10 round-t-8" :class="[$tm.vx.state().tmVuetify.black ? 'black' : 'grey text  ']">
-				<view class="ma-32  flex-between flex-wrap ">
-					<view @click="openUrl(item.url)" v-for="(item, index) in list" :key="index"
-						class=" round-10 mb-n10 shadow-24" style="width: 48%;"
-						:class="[$tm.vx.state().tmVuetify.black ? 'grey-darken-5 bk' : 'white']">
-						<view class="flex-center flex-col px-32 py-n12">
-							<tm-icons :color="$tm.vx.state().tmVuetify.color || 'primary'" :size="130"
-								:name="item.icon"></tm-icons>
-							<view class="text-size-lg text-weight-b">{{ item.title }}</view>
-							<view class="text-size-s py-12 text-align-center">{{ item.label }}</view>
-							<view>
-								<!-- <tm-tags color="grey" size="g" model="text">{{ item.btn }}</tm-tags> -->
-								<tm-button :round="12" text size="s">
-									<view class="flex-center px-10 vertical-align-middle" style="line-height: 0;">
-										<text class="pr-10">{{ item.btn }}</text>
-										<tm-icons :fllowTheme="true" style="line-height: 0;" dense size="20"
-											name="icon-angle-right"></tm-icons>
-									</view>
-								</tm-button>
-							</view>
-						</view>
-					</view>
-				</view>
-				<view class="flex-center">
-					<tm-images :width="60" src="static/logo_great.png"></tm-images>
-				</view>
-				<view class="py-24 px-0 text-size-xs text-grey-lighten-1 text mx-32 text-align-center">
-					本UI经过细致打磨，并且还在不断的细化中，让它成为高效率、高颜值、高覆盖率的组件库，需要各方努力贡献。
-					<view>请不要盗版，可免费使用。</view>
-					<view class=" text-weight-b" :class="[`text-${$tm.vx.state().tmVuetify.color || 'primary'}`]">
-						用户Q群：
-						<text selectable>18593916</text>
-					</view>
-				</view>
-			</view>
-		</view>
-		<tm-dialog v-model="show" title="提醒"
-			content="因小程序大小限制，本demo页面过大，主体导入的js超过2mb，对于分包已无作用，因此如需查询相关demo请前往H5预览，一定是兼容小程序的,不用担心."></tm-dialog>
-		<tm-flotbutton :safe="true" color="bg-gradient-primary-accent-b" @click="imte"
-			:icon="$tm.vx.state().tmVuetify.black ? 'icon-lightbulb-fill' : 'icon-lightbulb'"
-			:label="$tm.vx.state().tmVuetify.black ? '亮色' : '暗黑'" :show-text="true" :offset="[16, bottom]">
-		</tm-flotbutton>
-
-		<view style="height: 150rpx;" @click="show=true"></view>
-
+	<view >
+		111
+		<Tabbar></Tabbar>
 	</view>
 </template>
 
 <script>
-
-
+import Tabbar from "../../components/tabbar.vue"
 	export default {
+		components:{
+			Tabbar
+		},
 		data() {
 			return {
-				
-				
 				test: true,
 				show: false,
 				keyword: '',
@@ -172,25 +92,17 @@
 			this.sys = uni.getSystemInfoSync();
 		},
 		onLoad() {
-			// #ifdef MP
-			this.top = uni.upx2px(150);
-			// #endif
-			
-			// uni.request({
-			// 	url: 'https://jisutqybmf.market.alicloudapi.com/weather/query?city=%E5%AE%89%E9%A1%BA&citycode=citycode&cityid=cityid&ip=ip&location=location',
-			// 	data:{'src':'南京市'},//传入参数
-			// 	method: 'POST',
-			// 	success: res => {
-					
-			// 	}
-			// })
+			// uni.hideTabBar()
 			    uni.request({
 			        url : "https://jisutqybmf.market.alicloudapi.com/weather/query",
-			        type : "post",
-			        beforeSend : function(req) {
-			            req.setRequestHeader("Authorization", "APPCODE acacbfc4fac24722996q34b284935353562340cd77c8be");
-			        },
-			        dataType : "json",
+			        type : "POST",
+					header: {
+						'Authorization':'APPCODE b838ad36bbd741ad97bbe22e50be1847'
+					},
+					data:{
+						city:'南京'
+					},
+			        dataType:'json',
 			        success : function(data) {
 			            
 			        },

pages/message/index.vue

@@ -1,21 +1,25 @@
 <template>
-	<view class="" :style="{minHeight:infoHeight+'px'}" :class="$tm.vx.state().tmVuetify.black ? 'grey-darken-6' : 'grey text '">
-		
-		3
-	
-		
+	<view >
+		222
+		<Tabbar></Tabbar>
 	</view>
 </template>
 
 <script>
-
+	import Tabbar from "../../components/tabbar.vue"
 	export default {
+		components:{
+			Tabbar
+		},
 		data() {
 			return {
 				defaultTheme:[],
 				infoHeight:0
 			};
 		},
+		onLoad() {
+			// uni.hideTabBar()
+		},
 		created() {
 			this.defaultTheme = [this.$tm.vx.state().tmVuetify.color||'primary']
 			this.infoHeight = uni.getSystemInfoSync().windowHeight

pages/shop/index.vue

@@ -1,21 +1,25 @@
 <template>
-	<view class="" :style="{minHeight:infoHeight+'px'}" :class="$tm.vx.state().tmVuetify.black ? 'grey-darken-6' : 'grey text '">
-		
-		4
-	
-		
+	<view >
+		333
+		<Tabbar></Tabbar>
 	</view>
 </template>
-
+	
 <script>
-
+	import Tabbar from "../../components/tabbar.vue"
 	export default {
+		components:{
+			Tabbar
+		},
 		data() {
 			return {
 				defaultTheme:[],
 				infoHeight:0
 			};
 		},
+		onLoad() {
+			// uni.hideTabBar()
+		},
 		created() {
 			this.defaultTheme = [this.$tm.vx.state().tmVuetify.color||'primary']
 			this.infoHeight = uni.getSystemInfoSync().windowHeight

pages/user/index.vue

@@ -1,55 +1,27 @@
 <template>
-	<view class="" :style="{minHeight:infoHeight+'px'}" :class="$tm.vx.state().tmVuetify.black ? 'grey-darken-6' : 'grey text '">
-		<tm-menubars title="体验主题切换" color="primary"  :showback="true"></tm-menubars>
-		
-		<view class="ma-32  ">
-			<view  class=" round-8 mb-24 fulled py-n16" 
-				:class="$tm.vx.state().tmVuetify.black ? 'grey-darken-5 bk' : 'white'">
-				<view class="flex-center flex-col pa-32">
-					
-					<view class="text-size-lg text-weight-b">更换主题</view>
-					<view class="text-size-n py-12">当前:{{$tm.vx.state().tmVuetify.color}},更多主题请查阅官方文档</view>
-					
-					<view  class="flex">
-						<tm-pickers @confirm="change" :default-value="defaultTheme" 
-						:list='themeSList' title="请选择主题" btn-color="primary">
-							<tm-tags color="primary" size="g" model="text">选择内置主题</tm-tags>
-						</tm-pickers>
-						<view class="flex-shrink"><tm-tags @click="clearTheme" color="primary" size="g" model="text">恢复默认布局</tm-tags></view>
-					</view>
-				</view>
-			</view>
-			
-			<view  class=" round-8 mb-24 fulled  py-n16"
-				:class="$tm.vx.state().tmVuetify.black ? 'grey-darken-5 bk' : 'white'">
-				<view class="flex-center flex-col pa-32">
-					
-					<view class="text-size-lg text-weight-b">暗黑主题的切换</view>
-					<view class="text-size-n py-12">当前:{{$tm.vx.state().tmVuetify.black?'暗黑模式':'亮色模式'}}</view>
-					<view class="flex">
-						<tm-tags  @click="$tm.theme.setBlack(true)" color="primary" size="g" model="text">切换暗黑</tm-tags>
-						<view class="flex-shrink"><tm-tags @click="$tm.theme.setBlack(false)" color="primary" size="g" model="text">切换亮色</tm-tags></view>
-					</view>
-				</view>
-			</view>
-		</view>
-		
+	<view >
+		4444
+		<Tabbar></Tabbar>
 	</view>
 </template>
 
 <script>
-
+import Tabbar from "../../components/tabbar.vue"
 	export default {
+		components:{
+			Tabbar
+		},
 		data() {
 			return {
-				
 				defaultTheme:[],
 				themeSList:["primary","red","green","blue","pink","orange","yellow","indigo"],
 				infoHeight:0
 			};
 		},
+		onLoad() {
+			// uni.hideTabBar()
+		},
 		created() {
-
 			this.defaultTheme = [this.$tm.vx.state().tmVuetify.color||'primary']
 			this.infoHeight = uni.getSystemInfoSync().windowHeight
 		},

pages/wardrobe/index.vue

@@ -1,21 +1,25 @@
 <template>
-	<view class="" :style="{minHeight:infoHeight+'px'}" :class="$tm.vx.state().tmVuetify.black ? 'grey-darken-6' : 'grey text '">
-		
-		2
-	
-		
+	<view >
+		5555
+		<Tabbar></Tabbar>
 	</view>
 </template>
-
-<script>
-
-	export default {
+		
+		<script>
+			import Tabbar from "../../components/tabbar.vue"
+			export default {
+				components:{
+					Tabbar
+				},
 		data() {
 			return {
 				defaultTheme:[],
 				infoHeight:0
 			};
 		},
+		onLoad() {
+			// uni.hideTabBar()
+		},
 		created() {
 			this.defaultTheme = [this.$tm.vx.state().tmVuetify.color||'primary']
 			this.infoHeight = uni.getSystemInfoSync().windowHeight

unpackage/dist/dev/app-plus/app-config-service.js

@@ -1,8 +1,8 @@
 
 var isReady=false;var onReadyCallbacks=[];
 var isServiceReady=false;var onServiceReadyCallbacks=[];
-var __uniConfig = {"pages":["pages/index/index","pages/wardrobe/index","pages/message/index","pages/shop/index","pages/user/index"],"window":{"navigationBarTextStyle":"black","navigationBarTitleText":"uni-app","navigationBarBackgroundColor":"#F8F8F8","backgroundColor":"#F8F8F8"},"tabBar":{"color":"#999","selectedColor":"#82cfd5","borderStyle":"#fff","backgroundColor":"white","iconfontSrc":"static/icon/iconfont.ttf","list":[{"pagePath":"pages/index/index","iconPath":"/static/aa.png","selectedIconPath":"./static/logo.png"},{"pagePath":"pages/wardrobe/index","iconPath":"/static/aa.png","selectedIconPath":"./static/logo.png"},{"pagePath":"pages/message/index","iconPath":"/static/aa.png","selectedIconPath":"./static/logo.png"},{"pagePath":"pages/shop/index","iconPath":"/static/aa.png","selectedIconPath":"./static/logo.png"},{"pagePath":"pages/user/index","iconPath":"/static/aa.png","selectedIconPath":"./static/logo.png"}]},"nvueCompiler":"uni-app","nvueStyleCompiler":"uni-app","renderer":"auto","splashscreen":{"alwaysShowBeforeRender":true,"autoclose":false},"appname":"testApp","compilerVersion":"3.4.7","entryPagePath":"pages/index/index","networkTimeout":{"request":60000,"connectSocket":60000,"uploadFile":60000,"downloadFile":60000}};
-var __uniRoutes = [{"path":"/pages/index/index","meta":{"isQuit":true,"isTabBar":true},"window":{"navigationBarTitleText":"","titleNView":false}},{"path":"/pages/wardrobe/index","meta":{"isQuit":true,"isTabBar":true},"window":{"navigationBarTitleText":"衣厨","titleNView":false}},{"path":"/pages/message/index","meta":{"isQuit":true,"isTabBar":true},"window":{"navigationBarTitleText":"消息"}},{"path":"/pages/shop/index","meta":{"isQuit":true,"isTabBar":true},"window":{"navigationBarTitleText":"商场"}},{"path":"/pages/user/index","meta":{"isQuit":true,"isTabBar":true},"window":{"navigationBarTitleText":"我的"}}];
+var __uniConfig = {"pages":["pages/index/index","pages/wardrobe/index","pages/message/index","pages/shop/index","pages/user/index"],"window":{"navigationBarTextStyle":"black","navigationBarTitleText":"uni-app","navigationBarBackgroundColor":"#F8F8F8","backgroundColor":"#F8F8F8"},"tabBar":{"color":"#999","selectedColor":"#82cfd5","borderStyle":"#fff","backgroundColor":"white","iconfontSrc":"static/icon/iconfont.ttf","list":[{"pagePath":"pages/index/index"},{"pagePath":"pages/wardrobe/index"},{"pagePath":"pages/message/index"},{"pagePath":"pages/shop/index"},{"pagePath":"pages/user/index"}]},"nvueCompiler":"uni-app","nvueStyleCompiler":"uni-app","renderer":"auto","splashscreen":{"alwaysShowBeforeRender":true,"autoclose":false},"appname":"testApp","compilerVersion":"3.4.7","entryPagePath":"pages/index/index","networkTimeout":{"request":60000,"connectSocket":60000,"uploadFile":60000,"downloadFile":60000}};
+var __uniRoutes = [{"path":"/pages/index/index","meta":{"isQuit":true,"isTabBar":true},"window":{"navigationBarTitleText":"","titleNView":false}},{"path":"/pages/wardrobe/index","meta":{"isQuit":true,"isTabBar":true},"window":{"navigationBarTitleText":"衣厨","titleNView":false}},{"path":"/pages/message/index","meta":{"isQuit":true,"isTabBar":true},"window":{"navigationBarTitleText":"消息","titleNView":false}},{"path":"/pages/shop/index","meta":{"isQuit":true,"isTabBar":true},"window":{"navigationBarTitleText":"商场","titleNView":false}},{"path":"/pages/user/index","meta":{"isQuit":true,"isTabBar":true},"window":{"navigationBarTitleText":"我的","titleNView":false}}];
 __uniConfig.onReady=function(callback){if(__uniConfig.ready){callback()}else{onReadyCallbacks.push(callback)}};Object.defineProperty(__uniConfig,"ready",{get:function(){return isReady},set:function(val){isReady=val;if(!isReady){return}const callbacks=onReadyCallbacks.slice(0);onReadyCallbacks.length=0;callbacks.forEach(function(callback){callback()})}});
 __uniConfig.onServiceReady=function(callback){if(__uniConfig.serviceReady){callback()}else{onServiceReadyCallbacks.push(callback)}};Object.defineProperty(__uniConfig,"serviceReady",{get:function(){return isServiceReady},set:function(val){isServiceReady=val;if(!isServiceReady){return}const callbacks=onServiceReadyCallbacks.slice(0);onServiceReadyCallbacks.length=0;callbacks.forEach(function(callback){callback()})}});
 service.register("uni-app-config",{create(a,b,c){if(!__uniConfig.viewport){var d=b.weex.config.env.scale,e=b.weex.config.env.deviceWidth,f=Math.ceil(e/d);Object.assign(__uniConfig,{viewport:f,defaultFontSize:Math.round(f/20)})}return{instance:{__uniConfig:__uniConfig,__uniRoutes:__uniRoutes,global:void 0,window:void 0,document:void 0,frames:void 0,self:void 0,location:void 0,navigator:void 0,localStorage:void 0,history:void 0,Caches:void 0,screen:void 0,alert:void 0,confirm:void 0,prompt:void 0,fetch:void 0,XMLHttpRequest:void 0,WebSocket:void 0,webkit:void 0,print:void 0}}}});