<template>
	<view class="page">
		<uni-nav-bar  :fixed="true" background-color="#FFE05C" :border="false" :statusBar="true"  left-icon="left" title="我的分组" @clickLeft="back" />
		<view>
			<scroll-view scroll-y :style="{height:height}">
				<view class="flex-col  item" v-for="(item,index) in 100" :key="index" @click="groupDetail">
					<view class="flex-row justify-between">
						<text class="storeName">好又多母婴店</text>
						<text class="time">消费额：1000.55</text>
					</view>
					<view class="flex-row icon-num">
						<u-icon size="24" name="/static/group/fuzeren.png"></u-icon>
						<text class="key">负责人:</text>
						<text class="number">张珊</text>
					</view>
					<view class="flex-row icon-num">
						<u-icon size="24" name="/static/group/chengyuan.png"></u-icon>
						<text class="key">成员:</text>
						<text class="number">300人</text>
					</view>
					<u-icon size="30" name="/static/group/xiugai.png" class="xiugai" @click.native.stop="updateGroup"></u-icon>
				</view>
			</scroll-view>
		</view>
		<view class="addGroup" @click="goAddGroup">
			<text>新增分组</text>
		</view>
	</view>
</template>

<script>
	export default {
		components: {
		},
		data() {
			return {
				height:''
			}
		},
		onLoad(e) {
			let sysInfo = uni.getSystemInfoSync()
			this.height = sysInfo.windowHeight  - 120 + 'px' //除标题栏栏外的屏幕可用高度
		},
		methods: {
			back() {
				uni.navigateBack({
					delta: 1
				})
			},

			updateGroup(){
				uni.navigateTo({
					url:'/pages/updateGroup/updateGroup'
				})
			},

			groupDetail(){
				uni.navigateTo({
					url:'/pages/groupDetail/groupDetail'
				})
			},

			goAddGroup(){
				uni.navigateTo({
					url:'/pages/addGroup/addGroup'
				})
			}
		}
	}
</script>


<style lang="scss" scoped>
	@import './index.rpx.css';
</style>
