MusicShop/obj/Release/Package/PackageTmp/Views/Home/Index.cshtml

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

@{
    ViewBag.Title = "在线音乐商店";
    Layout = "~/Views/Shared/_IndexLayout.cshtml";
}
<div id="left-menu" style="height:100%;">
    <div class="layui-col-md2" style="height:100%;">
        <ul class="layui-nav layui-nav-tree layui-bg-cyan" style="height:100%;box-shadow:#808080 0 0 15px;">
            <li class="layui-nav-item layui-nav-itemed">
                <a href="javascript:void(0);">音乐类型</a>
                <dl class="layui-nav-child">
                    <dd onclick="getTitle(this)" class="layui-this types"><a href="javascript:void(0);">全部</a></dd>
                    <dd v-for="temp in menuList" onclick="getTitle(this)" :key="temp.id" class="types" :title="temp.desc">
                        <a href="javascript:void(0);">{{temp.gName}}</a>
                    </dd>
                </dl>
            </li>
        </ul>
    </div>
    <div class="layui-col-md10 layui-row">
        <div class="layui-col-md6">
            <span class="layui-breadcrumb" lay-separator=">>">
                <a href="javascript:void(0);">音乐类型</a>
                <a href="javascript:void(0);">{{selTyp}}</a>
            </span>
        </div>
        <div class="layui-col-md6">
            <form class="layui-form layui-form-pane">
                <label class="layui-form-label" for="songName">
                    <i class="layui-icon layui-icon-search"></i>
                </label>
                <div class="layui-input-block pane">
                    <div class="layui-inline"><input type="text" name="songName" id="songName" placeholder="请输入歌曲名进行查询" class="layui-input" v-model="searchKey" /></div>
                    <div class="layui-inline"><button class="layui-btn layui-btn-checked" type="button" v-on:click="postSearchData"><i class="layui-icon layui-icon-search"></i>查询</button></div>
                </div>
            </form>
        </div>
        <div>
            <div class="layui-row" style="padding:10px;">
                <cus-menu-item v-for="temp in menuItemList"
                               :temp="temp"
                               :key="temp.aId">
                </cus-menu-item>
            </div>
            <div style="text-align:center;" id="layPage"></div>
        </div>
    </div>
</div>
<script src="//y.gtimg.cn/music/h5/player/player.js?max_age=2592000"></script>
<script>
    function getTitle(dom) {
        var newDom = $(dom);
        var tit = newDom.children("a").text();
        menuVm.$data.selTyp = tit;
        menuVm.postLayuiPageCount();
        ;
    }
    var player = new QMplayer();
    Vue.component("cus-menu-item", {
        props: ['temp'],