Commit 0a96d84d by mamingqun

修改banner 修改获奖样式

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

201 KB | W: | H:

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