<template>
	<view :style="{ minHeight: sys.windowHeight + 'px' }" :class="[$tm.vx.state().tmVuetify.black ? 'black' : ' ']">
		<tm-menubars title="" :shadow="0" :showback="false"></tm-menubars>
		<view class="C1b1b1b pb-20">
			<view style="width: 90%;margin:0 auto;">
				<view>
					<tm-search @confirm="sosoFun" class="fl" v-model="soso" color="white" confirm-text=""></tm-search>
					<text class="quxiao fr" @click="goindex()">取消</text>
				</view>
				<view style="clear: both;"></view>
				<view v-if="sosotype==1">
					<text class="text-size-m fl mt-30">搜索记录</text>
					<view class="fr mt-30 qingchu">
						<text class="text-size-s fl">清空记录</text>
						<tm-badges :offset="[0,-5]" icon="icon-times"></tm-badges>
					</view>
				</view>
				<view v-if="sosotype==2">
					<tm-tabs align="left" class="qiehuan1" v-model="activeIndex" :list="list" range-key="title"></tm-tabs>
					<tm-tabs align="left" class="qiehuan2" color="white"  v-model="activeIndex1" :list="list1" range-key="title"></tm-tabs>
				</view>
				<view style="clear: both;"></view>
			</view>
		</view>
		<!-- 列表 -->
		<tm-grouplist class="liebiao mt-40" v-if="sosotype==1">
			<tm-listitem v-for="item in libiaoList" @click="tiaozhuan(item.type)" :title="item.title" left-icon="" show-left-icon :show-right-icon="false">
			</tm-listitem>
		</tm-grouplist>
		<!-- 衣橱 -->
		<view class="zhuti">
			<tm-sheet class="yichu"  v-if="sosotype==2" style="margin-bottom: 70px !important;">
				<view class="jihua">
					<view v-for="(item,index) in listdata" class="round-3 fl shadow-2 overflow pa-10 jihuaview" :class="[$tm.vx.state().tmVuetify.black ? 'black' : 'white']">
						<image class="logo" :src="item.image" mode="widthFix"></image>
						<view class="pa-10 text-size-s">
							<view class="text-overflow-2">
								<text>{{item.text}}</text>
							</view>
							<view class="mt-2 flex-between flex-center">
								<view class="touxiang mt-30">
									<image src="/static/img/7.png" mode="widthFix"></image>
									<text class="text-white text-size-m">可樂crys</text>
								</view>
								<view >
									<image class="remenzan" :src="dianzan1?'/static/img/29.png':'/static/img/9.png'" mode="widthFix"></image>
								</view>
							</view>
						</view>
					</view>
				</view>
				<view style="clear: both;" class="more mt-40 pb-40 pt-40" @click="gengmore()">
					<image src="/static/img/30.png" mode="widthFix"></image>
					<text class="text-size-s">下拉加载更多~</text>
				</view>
			</tm-sheet>
		</view>
		<!-- 弹出层消息 -->
		<tm-message ref="toast"></tm-message>
	</view>
</template>	
<script>
import{myRequest} from '@/api/request.js'
export default {
	data() {
		return {
			soso:'',
			libiaoList:[
			{title:'热门穿搭',type:'1'},
			{title:'商务搭配',type:'2'},
			{title:'朋克风',type:'3'},
			{title:'日常出勤',type:'4'},
			{title:'同学聚会',type:'5'},
			],
			sosotype:1,
			list:[ '全部','用户','商品'],
			activeIndex:0,
			activeIndex1:0,
			list1:[ '综合','高级感','黑色','灰色'],
			listdata:[],
			dianzan1:true,
			sys:null
		};
	},
	onLoad() {
		
	},
	created() {
		this.sys = uni.getSystemInfoSync();
		this.randouh()
	},
	methods: {
		gengmore(){
			this.randouh()
		},
		goindex(){
			uni.navigateBack();
		},
		sosoFun(){
			console.log(this.soso)
			this.sosotype=2
		},
		randouh(){
			let list2 = [],that=this;
			for(let i=0;i<4;i++){
				list2.push({
					image:'../../static/img/25.png',
					text:'西装穿搭 | 韩系又A又飒休闲西装 高级感'
				})
			}
			this.listdata=this.listdata.concat(list2)
			console.log(this.listdata)
		},
	},
}
</script>

<style lang="scss">
	/deep/ .tm-menubars .body{
		background-color: #1b1b1b !important;
	}
	/deep/ .icon-search{
		font-size: 23px !important;
		color: #8E8E93 !important;
	}
	/deep/ .tm-search{
		width: 86%;
		margin: 0 auto;
		background-color: #414141 !important;
		border-radius: 10px;
	}
	/deep/ .tm-search .grey-darken-5{
		background-color: #414141 !important;
	}
	.quxiao{color: #707070;line-height: 47px;}
	/deep/ .tm--badges--cm{border: 1px solid #303440 !important;
	background-color: #303440 !important;right: -7px !important;top: 6px !important;}
	/deep/ .tm--badges{display: inherit !important;}
	.qingchu{background: #303440;padding:5px 15px;border-radius: 20px;width: 62px;}
	/deep/ .liebiao .grey-darken-4.bk{background-color: #0D0D0D !important;}
	/deep/ .liebiao .py-24{padding-top: 15px;padding-bottom: 15px;}
	/deep/ .tm-grouplist{margin:0 10px !important;}
	
	/deep/ .qiehuan2 .tm-tabs-con-item-border{display: none;}
	/deep/ .qiehuan1 .text-primary{color: white !important;}
	/deep/ .qiehuan2 .tm-tabs-con-item-text{
		font-size: 14px;
		background: none !important;
		height: 28px;
		vertical-align: middle;
		line-height: 28px;
		border-radius: 20px;
		padding-left: 14px;
		padding-right: 14px;
		margin-top: 17%;
	}
	/deep/ .qiehuan2 .text-weight-b{
		font-size: 14px;
		background: #303440 !important;
		height: 28px;
		vertical-align: middle;
		line-height: 28px;
		border-radius: 20px;
		padding-left: 14px;
		padding-right: 14px;
		margin-top: 17%;
		color: white !important;
	}
	.jihua image{width: 30px;height: 30px;}
	.jihua{position: relative;}
	.jihua .a_1{position: absolute;top: 10%;}
	.jihuaview{width: 43%;margin: 7px;}
	.remenzan{width: 18px !important;margin-top: 10px;}
	.jihua .logo{width: 100%;}
	.touxiang image{width: 40px;margin-right: 10px;vertical-align: middle;}
	.yichu{padding: 0px !important;margin:0 !important}
	.more{text-align: center;}
	.more image{margin-right: 10px;vertical-align: middle;width: 30px;}
</style>
<html>
<head><title>PANIC: session(release): write data/sessions/3/c/3cd8b9833896a537: no space left on device</title>
<meta charset="utf-8" />
<style type="text/css">
html, body {
	font-family: "Roboto", sans-serif;
	color: #333333;
	background-color: #ea5343;
	margin: 0px;
}
h1 {
	color: #d04526;
	background-color: #ffffff;
	padding: 20px;
	border-bottom: 1px dashed #2b3848;
}
pre {
	margin: 20px;
	padding: 20px;
	border: 2px solid #2b3848;
	background-color: #ffffff;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
</style>
</head><body>
<h1>PANIC</h1>
<pre style="font-weight: bold;">session(release): write data/sessions/3/c/3cd8b9833896a537: no space left on device</pre>
<pre>/root/go/pkg/mod/github.com/go-macaron/session@v0.0.0-20190805070824-1a3cdc6f5659/session.go:199 (0x8bc0f8)
/root/go/pkg/mod/gopkg.in/macaron.v1@v1.5.0/context.go:81 (0x83623b)
/root/go/pkg/mod/github.com/go-macaron/inject@v0.0.0-20160627170012-d8a0b8677191/inject.go:157 (0x80b5f4)
/root/go/pkg/mod/github.com/go-macaron/inject@v0.0.0-20160627170012-d8a0b8677191/inject.go:135 (0x80b51c)
/root/go/pkg/mod/gopkg.in/macaron.v1@v1.5.0/context.go:125 (0x8363b2)
/root/go/pkg/mod/gopkg.in/macaron.v1@v1.5.0/context.go:115 (0x8473a6)
/root/go/pkg/mod/gopkg.in/macaron.v1@v1.5.0/recovery.go:161 (0x84739d)
/root/go/pkg/mod/gopkg.in/macaron.v1@v1.5.0/logger.go:40 (0x839a24)
/root/go/pkg/mod/github.com/go-macaron/inject@v0.0.0-20160627170012-d8a0b8677191/inject.go:157 (0x80b5f4)
/root/go/pkg/mod/github.com/go-macaron/inject@v0.0.0-20160627170012-d8a0b8677191/inject.go:135 (0x80b51c)
/root/go/pkg/mod/gopkg.in/macaron.v1@v1.5.0/context.go:125 (0x8363b2)
/root/go/pkg/mod/gopkg.in/macaron.v1@v1.5.0/router.go:187 (0x8412dd)
/root/go/pkg/mod/gopkg.in/macaron.v1@v1.5.0/router.go:304 (0x8423ec)
/root/go/pkg/mod/gopkg.in/macaron.v1@v1.5.0/macaron.go:218 (0x83adde)
/usr/local/btgo/src/net/http/server.go:2936 (0x7b23b5)
	serverHandler.ServeHTTP: handler.ServeHTTP(rw, req)
/usr/local/btgo/src/net/http/server.go:1995 (0x7add91)
	(*conn).serve: serverHandler{c.server}.ServeHTTP(w, w.req)
/usr/local/btgo/src/runtime/asm_amd64.s:1598 (0x47e160)
	goexit: BYTE	$0x90	// NOP
</pre>
</body>
</html>