Skip to content

html / h5wandahuijia

Go to a project
Commit 0a96d84d by mamingqun
Options

修改banner 修改获奖样式

parent 85af4c54
Showing with 45 additions and 38 deletions
src/components/CardPrize.vue
...@@ -10,17 +10,17 @@ ...@@ -10,17 +10,17 @@
<router-link tag="a" class="bigA" :to="{path:'/detail',query:{id:item.id}}"> <router-link tag="a" class="bigA" :to="{path:'/detail',query:{id:item.id}}">
<!-- <div class="detailInfo"> <!-- <div class="detailInfo">
<div class="author">作者：{{item.nickname}}</div> <div class="author">作者：{{item.nickname}}</div>
</div> --> </div>-->
<div class="relative">
<img :src="item.image" alt> <img :src="item.image" alt>
<div class="pictureInfo"> <div class="pictureInfo">
<div class="text">作者：{{item.nickname}}</div> <div class="text">作者：{{item.nickname}}</div>
<!-- <div class="dianzan">{{item.point_num}}</div> --> <!-- <div class="dianzan">{{item.point_num}}</div> -->
</div> </div>
</div>
<div class="infoBox"> <div class="infoBox">
<div class="title">《{{item.desc}}》</div> <div class="title">《{{item.desc}}》</div>
<div class="miaoshu"> <div class="miaoshu">{{item.memo}}</div>
{{item.memo}}
</div>
<div class="time">{{item.image_time}}</div> <div class="time">{{item.image_time}}</div>
<div class="location">{{item.image_address}}</div> <div class="location">{{item.image_address}}</div>
</div> </div>
...@@ -94,6 +94,10 @@ export default { ...@@ -94,6 +94,10 @@ export default {
box-shadow: 0px 0px 15px #888888; box-shadow: 0px 0px 15px #888888;
margin-bottom: 50px; margin-bottom: 50px;
.relative{
position: relative;
}
.titileBox { .titileBox {
height: 145px; height: 145px;
padding-left: 26px; padding-left: 26px;
...@@ -203,11 +207,12 @@ export default { ...@@ -203,11 +207,12 @@ export default {
justify-content: space-between; justify-content: space-between;
padding-left: 20px; padding-left: 20px;
padding-right: 20px; padding-right: 20px;
position: relative; position: absolute;
width: 100%; width: 100%;
// bottom: 8px; bottom: 8px;
top: -80px; // top: -80px;
background: rgba($color: #000000, $alpha: 0.8); background: rgba($color: #000000, $alpha: 0.8);
// background: red;
color: white; color: white;
.text { .text {
...@@ -238,17 +243,19 @@ export default { ...@@ -238,17 +243,19 @@ export default {
} }
} }
.infoBox{ .infoBox {
position: relative; position: relative;
top: -30px; // top: -30px;
.title{ padding-top: 20px;
padding-bottom: 20px;
.title {
font-size: 40px; font-size: 40px;
color: black; color: black;
font-weight: bold; font-weight: bold;
margin-bottom: 30px; margin-bottom: 30px;
} }
.miaoshu{ .miaoshu {
font-size: 24px; font-size: 24px;
line-height: 40px; line-height: 40px;
color: #666666; color: #666666;
...@@ -257,22 +264,22 @@ export default { ...@@ -257,22 +264,22 @@ export default {
margin-bottom: 38px; margin-bottom: 38px;
} }
.time{ .time {
color: #999999; color: #999999;
font-size: 20px; font-size: 20px;
background: url("~@/pages/index/assets/images/timeicon.png") left background: url("~@/pages/index/assets/images/timeicon.png")
no-repeat; left no-repeat;
background-size: auto 100%; background-size: auto 100%;
margin-left: 25px; margin-left: 25px;
padding-left: 40px; padding-left: 40px;
margin-bottom: 18px; margin-bottom: 18px;
} }
.location{ .location {
color: #999999; color: #999999;
font-size: 20px; font-size: 20px;
background: url("~@/pages/index/assets/images/locationicon.png") left background: url("~@/pages/index/assets/images/locationicon.png")
no-repeat; left no-repeat;
background-size: auto 100%; background-size: auto 100%;
margin-left: 26px; margin-left: 26px;
padding-left: 40px; padding-left: 40px;
......
src/modules/js/api.js
// api地址 // api地址
var server = 'http://web-comment.iyunfish.cn/new'; var server = 'http://web-comment.canskj.cn/new';
var extra = '8'; var extra = '8';
//包装的地址 //包装的地址
var wrapHref = 'http://web-comment.iyunfish.cn/home/contest/h5/8'; var wrapHref = 'http://web-comment.canskj.cn/home/contest/h5/8';
//首页地址 //首页地址
var indexHref = 'http://web-comment.iyunfish.cn/home/contest/h5/8'; var indexHref = 'http://web-comment.iyunfish.cn/home/contest/h5/8';
......
src/pages/index/App.vue
...@@ -41,25 +41,25 @@ export default { ...@@ -41,25 +41,25 @@ export default {
// this.hiddenBar(); // this.hiddenBar();
}, },
mounted() { mounted() {
// var tar_userinfo = localStorage.getItem('tar_userinfo'); var tar_userinfo = localStorage.getItem('tar_userinfo');
// if (tar_userinfo) { if (tar_userinfo) {
// var tar_openid = localStorage.getItem('tar-uuid-129831'); var tar_openid = localStorage.getItem('tar-uuid-129831');
// tar.init({ tar.init({
// tar_debug: !1, tar_debug: !1,
// tar_token: "3fcfe0ef160eb53266161898524e1708", tar_token: "3fcfe0ef160eb53266161898524e1708",
// tar_tid: "129831", tar_tid: "129831",
// tar_userinfo: [{ tar_userinfo: [{
// openid: tar_openid }] openid: tar_openid }]
// }) })
// } else { } else {
// tar.init({ tar.init({
// tar_debug: !1, tar_debug: !1,
// tar_token: "3fcfe0ef160eb53266161898524e1708", tar_token: "3fcfe0ef160eb53266161898524e1708",
// tar_tid: "129831", tar_tid: "129831",
// tar_scope: "snsapi_base", tar_scope: "snsapi_base",
// tar_appid: "wxfa065f3046ad9c21" tar_appid: "wxfa065f3046ad9c21"
// }) })
// } }
}, },
methods: { methods: {
hiddenBar() { hiddenBar() {
......
src/pages/index/assets/images/indexBanner.jpg
src/pages/index/assets/images/indexBanner.jpg

201 KB | W: | H:

src/pages/index/assets/images/indexBanner.jpg

203 KB | W: | H:

src/pages/index/assets/images/indexBanner.jpg
src/pages/index/assets/images/indexBanner.jpg
src/pages/index/assets/images/indexBanner.jpg
src/pages/index/assets/images/indexBanner.jpg
  • 2-up
  • Swipe
  • Onion skin
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 sign in to comment