Commit d773dd05 by 陈超

T

parent 56518bd1
...@@ -324,6 +324,19 @@ div::-webkit-scrollbar { ...@@ -324,6 +324,19 @@ div::-webkit-scrollbar {
background: rgba(163,228,96,0.5); background: rgba(163,228,96,0.5);
} }
.item_green_button {
display: flex;
flex-direction: column;
justify-content: center;
height: 1.5rem;
background: rgba(163,228,96,1);
border-radius: 0.75rem;
min-width: 3rem;
font-size: 0.75rem;
font-weight: 400;
color:rgba(255,255,255,1);
}
.tabs_container { .tabs_container {
height: 2.25rem; height: 2.25rem;
display: flex; display: flex;
...@@ -423,6 +436,11 @@ div::-webkit-scrollbar { ...@@ -423,6 +436,11 @@ div::-webkit-scrollbar {
background: #F5A623; background: #F5A623;
} }
.home_item_goods {
padding: 0.75rem;
box-sizing: border-box;
}
.home_button_green { .home_button_green {
width:80px; width:80px;
height:28px; height:28px;
......
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
<meta name="full-screen" content="yes"> <meta name="full-screen" content="yes">
<link href="__THEME__/image/favicon.ico?v={$site.sys_version}" type="image/x-icon" rel="shortcut icon"> <link href="__THEME__/image/favicon.ico?v={$site.sys_version}" type="image/x-icon" rel="shortcut icon">
<!-- 引入 Bootstrap --> <!-- 引入 Bootstrap -->
<link rel="stylesheet" type="text/css" href="__THEME__/icon/iconfont.css"> <!-- <link rel="stylesheet" type="text/css" href="__THEME__/icon/iconfont.css">
<link rel="stylesheet" type="text/css" href="__APP__/css/search_3g.css"> <link rel="stylesheet" type="text/css" href="__APP__/css/search_3g.css">
<style> <style>
@font-face {font-family: 'iconfontNEW';src: url('__THEME__/icon/iconfontNEW.woff?v={$site.sys_version}');} @font-face {font-family: 'iconfontNEW';src: url('__THEME__/icon/iconfontNEW.woff?v={$site.sys_version}');}
...@@ -27,7 +27,7 @@ ...@@ -27,7 +27,7 @@
</style> </style>
<script src="__THEMEW3G__/js/jquery-1.8.3.min.js"></script> <script src="__THEMEW3G__/js/jquery-1.8.3.min.js"></script>
<script src="__THEMEW3G__/js/search_media.js"></script> <script src="__THEMEW3G__/js/search_media.js"></script> -->
<link href="__THEMEW3G__/css/common.css" rel="stylesheet"> <link href="__THEMEW3G__/css/common.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@2.6/lib/index.css" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@2.6/lib/index.css" />
...@@ -121,6 +121,59 @@ ...@@ -121,6 +121,59 @@
</van-sticky> </van-sticky>
<template v-if="tab == 0">
<div v-for="(item, idx) in options[0].items" :key="idx" class="home_class_item layout_v">
<div class="layout_h">
<van-image
style="margin-right: 0.75rem;"
height="72"
width="128"
fit="cover"
src="https://img.yzcdn.cn/vant/cat.jpeg">
</van-image>
<div class="weight_full layout_v">
<span class="text_14_600 color_333333 van-multi-ellipsis--l2">H5互动广告邀请函</span>
<span class="text_14_600 color_FF3B3B" style="margin-top: 0.5rem;">¥565</span>
<span class="text_12_400 color_999999">112人正在学习</span>
</div>
</div>
</div>
</template>
<template v-if="tab == 1">
<div v-for="(item, idx) in options[1].items" :key="idx" class="layout_v home_question_item">
<div class="layout_h">
<div class="home_item_mark_green layout_center">免费</div>
<span class="text_14_600 color_333333 weight_full van-multi-ellipsis--l2" style="margin-right: 1.5rem;margin-left: 0.625rem;">2020年国家公务员《行测》试卷(省级)-名师版</span>
<div class="home_button_green layout_center">开始做题</div>
</div>
<div class="layout_h_b" style="margin-top: 0.5rem;">
<span class="text_14_600 color_FF3B3B">¥0</span>
<van-image src="__THEME__/img/down_load_icon.png" width="13" height="16" ></van-image>
</div>
<div class="home_divider divider"></div>
</div>
</template>
<template v-if="tab == 2">
<div v-for="(item, idx) in options[2].items" :key="idx" class="home_item_goods layout_h">
<van-image
style="margin-right: 0.75rem;"
height="68"
width="128"
fit="cover"
src="https://img.yzcdn.cn/vant/cat.jpeg">
</van-image>
<div class="weight_full layout_v">
<span class="text_14_600 color_333333 van-multi-ellipsis--l2">[优惠大礼包]5年高考3年模拟理综全套</span>
<div class="layout_h_b" style="margin-top: 0.5rem;">
<span class="text_14_600 color_FF3B3B self_center">¥0</span>
<div class="item_green_button">购买</div>
</div>
</div>
</div>
</template>
<!-- 热门搜索 --> <!-- 热门搜索 -->
<div v-if="showHistory" class="layout_v"> <div v-if="showHistory" class="layout_v">
<span class="search_hot_title text_12_400 color_999999">历史搜索:</span> <span class="search_hot_title text_12_400 color_999999">历史搜索:</span>
...@@ -221,11 +274,14 @@ ...@@ -221,11 +274,14 @@
showHistory: true, showHistory: true,
tab: 0, tab: 0,
options: [{ options: [{
title: '视频' title: '视频',
items: [1,2]
},{ },{
title: '真题' title: '真题',
items: [1,2]
},{ },{
title: '实物' title: '实物',
items: [1,2]
}] }]
} }
}, },
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment