|
|
@@ -178,10 +178,12 @@
|
|
|
left: 4px;
|
|
|
float: right;
|
|
|
}
|
|
|
- .mTitles{
|
|
|
+
|
|
|
+ .mTitles {
|
|
|
float: left;
|
|
|
width: 73%;
|
|
|
}
|
|
|
+
|
|
|
.lvs {
|
|
|
position: relative;
|
|
|
overflow: hidden !important;
|
|
|
@@ -206,6 +208,36 @@
|
|
|
[v-cloak] {
|
|
|
display: none;
|
|
|
}
|
|
|
+
|
|
|
+ .marsk {
|
|
|
+ position: fixed;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ background-color: white;
|
|
|
+ top: 0%;
|
|
|
+ z-index: 11;
|
|
|
+ padding: 20px;
|
|
|
+ }
|
|
|
+ .ks{
|
|
|
+ font-size: 28px;
|
|
|
+ font-weight: bold;
|
|
|
+ margin-top: 20%;
|
|
|
+ }
|
|
|
+ .items{
|
|
|
+ padding: 20px;
|
|
|
+ border: 1px solid #cbcbcb;
|
|
|
+ border-radius: 5px;
|
|
|
+ margin-top: 20px;
|
|
|
+ }
|
|
|
+ .zw{
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 18px;
|
|
|
+ }
|
|
|
+ .zc{
|
|
|
+ color: #818181;
|
|
|
+ font-size: 13px;
|
|
|
+ margin-top: 5px;
|
|
|
+ }
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
@@ -216,6 +248,22 @@
|
|
|
<input type="search" placeholder="搜索你感兴趣的工作" v-model="param.name" />
|
|
|
</form>
|
|
|
</header>
|
|
|
+ <div class="marsk" v-show="xs">
|
|
|
+ <div class="ks">让我们开始吧</div>
|
|
|
+ <div class="items" style="margin-top: 40px;">
|
|
|
+ <div class="zw">发布职位</div>
|
|
|
+ <div class="zc">告诉我们您需要做什么。</div>
|
|
|
+ </div>
|
|
|
+ <div class="items">
|
|
|
+ <div class="zw">浏览兼职赚钱信息</div>
|
|
|
+ <div class="zc">找到满足您需求的完美自由的兼职。</div>
|
|
|
+ </div>
|
|
|
+ <div class="items">
|
|
|
+ <div class="zw">探索展示</div>
|
|
|
+ <div class="zc">查看我们自由职业者，并雇用您喜欢的人。</div>
|
|
|
+ </div>
|
|
|
+ <button class="btn" @click="xs=false" style="padding: 20px;border-radius: 5px;margin-top: 40px;">开始</button>
|
|
|
+ </div>
|
|
|
<div class="mui-content animated fadeInDown">
|
|
|
<!--图片轮播-->
|
|
|
<div id="slider" class="mui-slider">
|
|
|
@@ -352,6 +400,7 @@
|
|
|
var vm = new Vue({
|
|
|
el: "#app",
|
|
|
data: {
|
|
|
+ xs:true,
|
|
|
banner_list: [],
|
|
|
new_list1: [],
|
|
|
new_list2: [],
|
|
|
@@ -360,12 +409,12 @@
|
|
|
},
|
|
|
mounted: function() {
|
|
|
mui.plusReady(function() {
|
|
|
- request(urls().main, null, function(res) {
|
|
|
- vm.banner_list = res.banner_list;
|
|
|
- vm.new_list1 = res.new_list1;
|
|
|
- vm.new_list2 = res.new_list2;
|
|
|
- plus.nativeUI.closeWaiting();
|
|
|
- })
|
|
|
+ request(urls().main, null, function(res) {
|
|
|
+ vm.banner_list = res.banner_list;
|
|
|
+ vm.new_list1 = res.new_list1;
|
|
|
+ vm.new_list2 = res.new_list2;
|
|
|
+ plus.nativeUI.closeWaiting();
|
|
|
+ })
|
|
|
})
|
|
|
},
|
|
|
methods: {
|
李书文