Commit d773dd05 by 陈超

T

parent 56518bd1
......@@ -324,6 +324,19 @@ div::-webkit-scrollbar {
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 {
height: 2.25rem;
display: flex;
......@@ -423,6 +436,11 @@ div::-webkit-scrollbar {
background: #F5A623;
}
.home_item_goods {
padding: 0.75rem;
box-sizing: border-box;
}
.home_button_green {
width:80px;
height:28px;
......
......@@ -17,7 +17,7 @@
<meta name="full-screen" content="yes">
<link href="__THEME__/image/favicon.ico?v={$site.sys_version}" type="image/x-icon" rel="shortcut icon">
<!-- 引入 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">
<style>
@font-face {font-family: 'iconfontNEW';src: url('__THEME__/icon/iconfontNEW.woff?v={$site.sys_version}');}
......@@ -27,7 +27,7 @@
</style>
<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 rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@2.6/lib/index.css" />
......@@ -121,6 +121,59 @@
</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">
<span class="search_hot_title text_12_400 color_999999">历史搜索:</span>
......@@ -221,11 +274,14 @@
showHistory: true,
tab: 0,
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