<!DOCTYPE html>
<html lang="Zh-hans" xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="UTF-8">
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0, user-scalable=no">
        <title>探果题库为老师创造价值-探果题库</title>
        <!-- 引入 FrozenUI -->
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/muse-ui@3.0.0-rc.5/dist/muse-ui.css">
		<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic">
		<link rel="stylesheet" href="https://cdn.bootcss.com/material-design-icons/3.0.1/iconfont/material-icons.css">
		<style type="text/css">
			.mu-appbar-header {
			    position: fixed;
			    left: 0;
			    right: 0;
			    top: 0;
			    z-index: 101;
			    overflow: hidden
			}
		</style>
    </head>
    <body>
    	<div id="app">
	    	<mu-appbar style="width: 100%;" color="primary" class="mu-appbar-header">
			  <mu-button icon slot="left">
			    <mu-icon value="menu"></mu-icon>
			  </mu-button>
				探果题库
			  <mu-button flat slot="right">登录</mu-button>
			  <mu-button flat slot="right">注册</mu-button>
			</mu-appbar>
			<mu-paper :z-depth="1" class="demo-list-wrap" style="margin-top:70px;">
			  <mu-list :item="item" v-for="item in menus">
			  	<mu-sub-header>{{item.name}}</mu-sub-header>
			    <mu-list-item avatar button :ripple="true" :href="it.url" :item="it" v-for="it in item.childSubjects">
			      <mu-list-item-title>{{it.name}}</mu-list-item-title>
			      <mu-list-item-action>
			        <mu-icon value="keyboard_arrow_right"></mu-icon>
			      </mu-list-item-action>
			    </mu-list-item>
			    </mu-list-item>
			  	<mu-divider></mu-divider>
			  </mu-list>
			</mu-paper>
		</div>
    </body>
    <!-- 引入 Vue -->
    <script type="text/javascript" th:inline="javascript">
		var mainHttp = [[${setting.domain}]];
	</script>
	<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16"></script>
    <script src="https://cdn.jsdelivr.net/npm/muse-ui@3.0.0-rc.5/dist/muse-ui.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/axios@0.18.0/dist/axios.min.js"></script>
    <script th:src="${setting.domain + 'js/index/main.js'}"></script>
</html>