Skip to content

T
tl_estate
Commit 78dbd1ef authored by agping's avatar agping
Browse files
Options

feed流喜报修改

parent dc4651b1
Hide whitespace changes
Inline Side-by-side
Showing with 235 additions and 180 deletions
public/appnew/src/components/feed/feeds.vue
View file @ 78dbd1ef
<template> <template>
<div> <div>
<!--<header-pulic :data="headerData"></header-pulic>--> <!--<header-pulic :data="headerData"></header-pulic>-->
<!--==================-->
<div class="story_con"> <div class="story_con">
<img :src="chengjiaoxibao_pic" class="chengjiaoxibao_di_pic"> <img :src="chengjiaoxibao_pic" class="chengjiaoxibao_di_pic">
<div class="story_conent"> <div class="story_conent">
<img src="images/chengjiaojiandan_pic.png" class="chengjiaojiandan_pic"> <img :src="chengjiaojiandan_pic" class="chengjiaojiandan_pic">
<div class="story_font"> <div class="story_font">
<span> <span>
热烈祝贺 热烈祝贺
</span> </span>
<span class="story_font_span1"> <span class="story_font_span1">
{{name}}
</span> </span>
<span>于</span> <span>于</span>
<div class="story_font2"> <div class="story_font2">
<span>[</span> <span>[</span>
<span class="story_font_span2"></span> <span class="story_font_span2">{{time}}</span>
<span>]</span> <span>]</span>
</div> </div>
<div class="story_font2">
<span class="story_font_span3"></span>
<span class="story_font_span4"></span>
<span class="story_font_span5">商铺一套！</span>
</div>
</div>
<div class="story_font3">
<img :src="ic_star" class="ic_star">
<span class="ic_star_span">好项目就是这么热销</span>
<img :src="ic_star" class="ic_star1">
<p>
<span class="story_font_span6"></span>，值得你信赖的商铺.
</p>
<img :src="line_down" class="line_down">
<img :src="zan" class="zan">
<p style="margin-top:-0.35rem" class="story_font_p"></p>
</div>
<div class="story_font2">
<span class="story_font_span3"></span>
<span class="story_font_span4"></span>
<span class="story_font_span5">商铺一套！</span>
</div> </div>
</div> </div>
<div class="story_font3"> <div class="story_font_img" id="story_font_img">
<img src="images/ic_star.png" class="ic_star"> <img :src="five" id="zan_1">
<span class="ic_star_span">好项目就是这么热销</span>
<img src="images/ic_star.png" class="ic_star1">
<p>
<span class="story_font_span6"></span>，值得你信赖的商铺.
</p>
<img src="images/line_down.png" class="line_down">
<img src="images/zan.png" class="zan">
<p style="margin-top:-0.35rem" class="story_font_p"></p>
</div> </div>
</div>
</div>
<div class="story_font_img" id="story_font_img">
<img src="images/5555.gif" id="zan_1">
</div>
<!--==================-->
</div> </div>
</template> </template>
<script> <script>
import chengjiaoxibao_pic from '@/components/feed/images/chengjiaoxibao_pic.jpg'; import chengjiaoxibao_pic from '@/components/feed/images/chengjiaoxibao_pic.jpg';
import chengjiaojiandan_pic from '@/components/feed/images/chengjiaojiandan_pic.png';
import ic_star from '@/components/feed/images/ic_star.png';
import line_down from '@/components/feed/images/line_down.png';
import zan from '@/components/feed/images/zan.png';
import five from '@/components/feed/images/5555.gif';
export default { export default {
data: () => ({ data: () => ({
headerData: { headerData: {
...@@ -58,149 +60,196 @@ ...@@ -58,149 +60,196 @@
'noborder': true, 'noborder': true,
'isBack': false 'isBack': false
}, },
chengjiaoxibao_pic chengjiaoxibao_pic,
chengjiaojiandan_pic,
ic_star,
line_down,
zan,
five,
name: '',
time: '',
}), }),
created() {
let _this = this;
_this.ajaxUl();
},
methods: {
ajaxUl() {
let _this = this;
_this.axios({
method: 'get',
url: '/broker/getFeedInfo',
responseType: 'json',
data: {
'id': 14,
}
})
.then(function(response) {
if(response.data.code == 200) {
} else {
}
})
}
},
} }
</script> </script>
<style> <style>
/*body{ .story_con {
display: none; width: 100%;
}*/ height: 100%;
.story_con{ position: relative;
width: 100%; z-index: 1;
height: 100%; }
position: relative;
z-index: 1; .chengjiaoxibao_di_pic {
} width: 100%;
.chengjiaoxibao_di_pic{ height: 100%;
width: 100%; display: block;
height: 100%; top: 0;
display: block; left: 0;
top: 0; bottom: 0;
left: 0; }
bottom: 0;
} .story_conent {
.story_conent{ width: 76%;
width:76%; height: 6.2rem;
height: 6.2rem; position: absolute;
position: absolute; top: 4rem;
top:4rem; left: 12%;
left:12%; }
}
.chengjiaojiandan_pic{ .chengjiaojiandan_pic {
width: 4.7rem; width: 4.7rem;
height: 0.5rem; height: 0.5rem;
display: block; display: block;
margin: 0 auto; margin: 0 auto;
margin-top: 0.46rem; margin-top: 0.46rem;
} }
.story_font{
height: auto; .story_font {
margin: 0 auto; height: auto;
text-align: center; margin: 0 auto;
margin-top: 0.1rem; text-align: center;
font-size:0.26rem; margin-top: 0.1rem;
font-weight: 400; font-size: 0.26rem;
color: #ec4804; font-weight: 400;
line-height: 0.6rem; color: #ec4804;
} line-height: 0.6rem;
.story_font_span1{ }
border-bottom: 1px solid #ec4804;
} .story_font_span1 {
.story_font_span2{ border-bottom: 1px solid #ec4804;
font-style: oblique; }
}
.story_font_span3{ .story_font_span2 {
float: left; font-style: oblique;
margin-left: 0.2rem; }
line-height: 0.88rem;
} .story_font_span3 {
.story_font_span5{ float: left;
float: left; margin-left: 0.2rem;
line-height: 0.88rem; line-height: 0.88rem;
} }
.story_font_span4{
float: left; .story_font_span5 {
height: 0.6rem; float: left;
border-radius: 0.3rem; line-height: 0.88rem;
border: 1.5px solid #ec4804; }
margin-left: 0.1rem;
margin-right: 0.1rem; .story_font_span4 {
font-weight: 900; float: left;
font-size: 0.3rem; height: 0.6rem;
text-align: center; border-radius: 0.3rem;
margin-top: 0.1rem; border: 1.5px solid #ec4804;
width: 2.4rem; margin-left: 0.1rem;
text-overflow:ellipsis; margin-right: 0.1rem;
white-space:nowrap; font-weight: 900;
overflow:hidden; font-size: 0.3rem;
text-align: center;
} margin-top: 0.1rem;
.story_font2{ width: 2.4rem;
width: 100%; text-overflow: ellipsis;
text-align: center; white-space: nowrap;
margin: 0 auto; overflow: hidden;
} }
.story_font3{
width: 100%; .story_font2 {
margin-top: 0.2rem; width: 100%;
float: left; text-align: center;
} margin: 0 auto;
.ic_star{ }
width: 0.26rem;
height: 0.26rem; .story_font3 {
float: left; width: 100%;
margin-left: 1.3rem; margin-top: 0.2rem;
} float: left;
.ic_star_span{ }
font-size: 0.26rem;
color: #ec4804; .ic_star {
font-weight: 400; width: 0.26rem;
float: left; height: 0.26rem;
margin-left: 0.1rem; float: left;
} margin-left: 1.3rem;
.ic_star1{ }
width: 0.26rem;
height: 0.26rem; .ic_star_span {
float: left; font-size: 0.26rem;
margin-left: 0.1rem; color: #ec4804;
margin-top: 0.05rem; font-weight: 400;
} float: left;
.story_font3 p{ margin-left: 0.1rem;
width: 100%; }
text-align: center;
font-size: 0.26rem; .ic_star1 {
color:#ec4804; width: 0.26rem;
float: left; height: 0.26rem;
margin-top: 0.2rem; float: left;
} margin-left: 0.1rem;
.line_down{ margin-top: 0.05rem;
width: 3.25rem; }
height:0.16rem ;
float:left ; .story_font3 p {
margin-left: 21.5%; width: 100%;
margin-top: 0.1rem; text-align: center;
font-size: 0.26rem;
} color: #ec4804;
.zan{ float: left;
width: 1.6rem; margin-top: 0.2rem;
height: 1.6rem; }
float: left;
margin-left:36.1%; .line_down {
margin-top: -0.3rem; width: 3.25rem;
} height: 0.16rem;
.story_font_img{ float: left;
width: 1.6rem; margin-left: 21.5%;
height: 1.6rem; margin-top: 0.1rem;
position: fixed; }
top: 2.5rem;
left:25%; .zan {
z-index:99; width: 1.6rem;
} height: 1.6rem;
#zan_1{ float: left;
width:4rem; margin-left: 36.1%;
height:6rem; margin-top: -0.3rem;
display: none; }
}
.story_font_img {
width: 1.6rem;
height: 1.6rem;
position: fixed;
top: 2.5rem;
left: 25%;
z-index: 99;
}
#zan_1 {
width: 4rem;
height: 6rem;
display: none;
}
</style> </style>
\ No newline at end of file
public/appnew/src/components/publicEg/entrance.vue
View file @ 78dbd1ef
...@@ -20,7 +20,12 @@ ...@@ -20,7 +20,12 @@
'query': { 'query': {
'token': _token 'token': _token
} }
}] },
{
'path': '/feeds',
'nameCustom': 'feed流'
}
]
} }
}, },
methods: { methods: {
......
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