<commit_before>
<template>
  <div class="classify">
  	<div id="header">
  		<input type="text" placeholder="搜索你想找的商品"/>
  		<img :src="$store.state.classifyImg[1]">
  		<span>
  			<p @touchend="switchoverNav" v-if="$store.state.isHide==='none'">...</p>
  			<p @touchend="switchoverNav" v-else>x</p>
  			<ul ref="nav" :style="{display:$store.state.isHide}">
  				<router-link to="/shopList" tag="li" active-class="special"><i>1</i><b>首页</b></router-link>
		    	<router-link to="/classify" tag="li" active-class="special"><i>1</i><b>搜索</b></router-link>
		    	<router-link to="/classify" tag="li" active-class="special"><i>1</i><b>分类</b></router-link>
		    	<router-link to="/order" tag="li" active-class="special"><i>1</i><b>购物车</b></router-link>
		    	<router-link to="/mine" tag="li" active-class="special"><i>1</i><b>我的</b></router-link>
  			</ul>
  		</span>
  	</div>
  	<div id="content1">
			 <div class="left">
				<ol>
					<li v-for="item in $store.state.typelist" @touchend="changeUl(item.typeid)">{{item.typename}}</li>
					
				</ol>
			</div>
			<div class="goodsinfo">
				<div v-for="item in $store.state.subtypelist">
					<p class="nav">{{item.subtypename}}</p>
					<ul>
						<router-link to="/slotList" tag="li" v-for="it in item.finalls" :key="it.finaltypeid">
			  				<img :src="it.img"/>
							<p>{{it.finaltypename}}</p>
			        	</router-link>
					</ul>
				</div>
			</div>
			<bottom-nav></bottom-nav>
		</div>
    
  </div>
</template>

<script>
import BottomNav from './BottomNav.vue'
import {mapMutations, mapActions} from 'vuex'
import $ from 'jquery'

export default {
	mounted(){
		var that = this
		$.ajax({
			type: "get",
			url: "/exp/classify/type",
			success: function(data){
				that.$store.commit('setTypelist',data)
			}
		})
		changeUl(1);
	},
	methods: {
		switchoverNav () {
			this.$store.commit('setIsHide')
		},
		changeUl (typeid) {
			var that = this;
			$.ajax({
				type: "get",
				url: "/exp/classify/subtype",
				data: {
					typeid: typeid
				},
				success: function(data){
					console.log("OK")
					that.$store.commit('setSubtypelist',data)
				}
			})
		}
	},
	components: {
		BottomNav
	}
}
</script>

<style scoped>
    #header{
    	padding:.3rem 0;<commit_msg>no message<commit_after>
<template>
  <div class="classify">
  	<div id="header">
  		<input type="text" placeholder="搜索你想找的商品"/>
  		<img :src="$store.state.classifyImg[1]">
  		<span>
  			<p @touchend="switchoverNav" v-if="$store.state.isHide==='none'">...</p>
  			<p @touchend="switchoverNav" v-else>x</p>
  			<ul ref="nav" :style="{display:$store.state.isHide}">
  				<router-link to="/shopList" tag="li" active-class="special"><i>1</i><b>首页</b></router-link>
		    	<router-link to="/classify" tag="li" active-class="special"><i>1</i><b>搜索</b></router-link>
		    	<router-link to="/classify" tag="li" active-class="special"><i>1</i><b>分类</b></router-link>
		    	<router-link to="/order" tag="li" active-class="special"><i>1</i><b>购物车</b></router-link>
		    	<router-link to="/mine" tag="li" active-class="special"><i>1</i><b>我的</b></router-link>
  			</ul>
  		</span>
  	</div>
  	<div id="content1">
			 <div class="left">
				<ol>
					<li v-for="item in $store.state.typelist" @touchend="changeUl(item.typeid)">{{item.typename}}</li>
					
				</ol>
			</div>
			<div class="goodsinfo">
				<div v-for="item in $store.state.subtypelist">
					<p class="nav">{{item.subtypename}}</p>
					<ul>
						<router-link to="/slotList" tag="li" v-for="it in item.finalls" :key="it.finaltypeid">
			  				<img :src="it.img"/>
							<p>{{it.finaltypename}}</p>
			        	</router-link>
					</ul>
				</div>
			</div>
			<bottom-nav></bottom-nav>
		</div>
    
  </div>
</template>

<script>
import BottomNav from './BottomNav.vue'
import {mapMutations, mapActions} from 'vuex'
import $ from 'jquery'

export default {
	mounted(){
		var that = this
		$.ajax({
			type: "get",
			url: "/exp/classify/type",
			success: function(data){
				that.$store.commit('setTypelist',data)
			}
		})
		this.changeUl(1);
	},
	methods: {
		switchoverNav () {
			this.$store.commit('setIsHide')
		},
		changeUl (typeid) {
			var that = this;
			$.ajax({
				type: "get",
				url: "/exp/classify/subtype",
				data: {
					typeid: typeid
				},
				success: function(data){
					console.log("OK")
					that.$store.commit('setSubtypelist',data)
				}
			})
		}
	},
	components: {
		BottomNav
	}
}
</script>

<style scoped>
    #header{
    	padding:.3rem 0;
{'fraction_non_alphanumeric': 0.22462154942119322, 'fraction_numerical': 0.004452359750667854, 'mean_word_length': 3.080835603996367, 'pattern_counts': {'":': 0, '<': 147, '<?xml version=': 0, '>': 147, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5269385', 'n_tokens_mistral': 2084, 'n_tokens_neox': 1798, 'n_words': 278}