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>
<div>
<!--<header-pulic :data="headerData"></header-pulic>-->
<!--==================-->
<div class="story_con">
<img :src="chengjiaoxibao_pic" class="chengjiaoxibao_di_pic">
<div class="story_conent">
<img src="images/chengjiaojiandan_pic.png" class="chengjiaojiandan_pic">
<div class="story_font">
<span>
热烈祝贺
</span>
<span class="story_font_span1">
</span>
<span>于</span>
<div class="story_font2">
<span>[</span>
<span class="story_font_span2"></span>
<span>]</span>
</div>
<img :src="chengjiaoxibao_pic" class="chengjiaoxibao_di_pic">
<div class="story_conent">
<img :src="chengjiaojiandan_pic" class="chengjiaojiandan_pic">
<div class="story_font">
<span>
热烈祝贺
</span>
<span class="story_font_span1">
{{name}}
</span>
<span>于</span>
<div class="story_font2">
<span>[</span>
<span class="story_font_span2">{{time}}</span>
<span>]</span>
</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 class="story_font3">
<img src="images/ic_star.png" class="ic_star">
<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 class="story_font_img" id="story_font_img">
<img :src="five" id="zan_1">
</div>
</div>
</div>
<div class="story_font_img" id="story_font_img">
<img src="images/5555.gif" id="zan_1">
</div>
<!--==================-->
</div>
</template>
<script>
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 {
data: () => ({
headerData: {
......@@ -58,149 +60,196 @@
'noborder': true,
'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>
<style>
/*body{
display: none;
}*/
.story_con{
width: 100%;
height: 100%;
position: relative;
z-index: 1;
}
.chengjiaoxibao_di_pic{
width: 100%;
height: 100%;
display: block;
top: 0;
left: 0;
bottom: 0;
}
.story_conent{
width:76%;
height: 6.2rem;
position: absolute;
top:4rem;
left:12%;
}
.chengjiaojiandan_pic{
width: 4.7rem;
height: 0.5rem;
display: block;
margin: 0 auto;
margin-top: 0.46rem;
}
.story_font{
height: auto;
margin: 0 auto;
text-align: center;
margin-top: 0.1rem;
font-size:0.26rem;
font-weight: 400;
color: #ec4804;
line-height: 0.6rem;
}
.story_font_span1{
border-bottom: 1px solid #ec4804;
}
.story_font_span2{
font-style: oblique;
}
.story_font_span3{
float: left;
margin-left: 0.2rem;
line-height: 0.88rem;
}
.story_font_span5{
float: left;
line-height: 0.88rem;
}
.story_font_span4{
float: left;
height: 0.6rem;
border-radius: 0.3rem;
border: 1.5px solid #ec4804;
margin-left: 0.1rem;
margin-right: 0.1rem;
font-weight: 900;
font-size: 0.3rem;
text-align: center;
margin-top: 0.1rem;
width: 2.4rem;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
.story_font2{
width: 100%;
text-align: center;
margin: 0 auto;
}
.story_font3{
width: 100%;
margin-top: 0.2rem;
float: left;
}
.ic_star{
width: 0.26rem;
height: 0.26rem;
float: left;
margin-left: 1.3rem;
}
.ic_star_span{
font-size: 0.26rem;
color: #ec4804;
font-weight: 400;
float: left;
margin-left: 0.1rem;
}
.ic_star1{
width: 0.26rem;
height: 0.26rem;
float: left;
margin-left: 0.1rem;
margin-top: 0.05rem;
}
.story_font3 p{
width: 100%;
text-align: center;
font-size: 0.26rem;
color:#ec4804;
float: left;
margin-top: 0.2rem;
}
.line_down{
width: 3.25rem;
height:0.16rem ;
float:left ;
margin-left: 21.5%;
margin-top: 0.1rem;
}
.zan{
width: 1.6rem;
height: 1.6rem;
float: left;
margin-left:36.1%;
margin-top: -0.3rem;
}
.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;
}
.story_con {
width: 100%;
height: 100%;
position: relative;
z-index: 1;
}
.chengjiaoxibao_di_pic {
width: 100%;
height: 100%;
display: block;
top: 0;
left: 0;
bottom: 0;
}
.story_conent {
width: 76%;
height: 6.2rem;
position: absolute;
top: 4rem;
left: 12%;
}
.chengjiaojiandan_pic {
width: 4.7rem;
height: 0.5rem;
display: block;
margin: 0 auto;
margin-top: 0.46rem;
}
.story_font {
height: auto;
margin: 0 auto;
text-align: center;
margin-top: 0.1rem;
font-size: 0.26rem;
font-weight: 400;
color: #ec4804;
line-height: 0.6rem;
}
.story_font_span1 {
border-bottom: 1px solid #ec4804;
}
.story_font_span2 {
font-style: oblique;
}
.story_font_span3 {
float: left;
margin-left: 0.2rem;
line-height: 0.88rem;
}
.story_font_span5 {
float: left;
line-height: 0.88rem;
}
.story_font_span4 {
float: left;
height: 0.6rem;
border-radius: 0.3rem;
border: 1.5px solid #ec4804;
margin-left: 0.1rem;
margin-right: 0.1rem;
font-weight: 900;
font-size: 0.3rem;
text-align: center;
margin-top: 0.1rem;
width: 2.4rem;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.story_font2 {
width: 100%;
text-align: center;
margin: 0 auto;
}
.story_font3 {
width: 100%;
margin-top: 0.2rem;
float: left;
}
.ic_star {
width: 0.26rem;
height: 0.26rem;
float: left;
margin-left: 1.3rem;
}
.ic_star_span {
font-size: 0.26rem;
color: #ec4804;
font-weight: 400;
float: left;
margin-left: 0.1rem;
}
.ic_star1 {
width: 0.26rem;
height: 0.26rem;
float: left;
margin-left: 0.1rem;
margin-top: 0.05rem;
}
.story_font3 p {
width: 100%;
text-align: center;
font-size: 0.26rem;
color: #ec4804;
float: left;
margin-top: 0.2rem;
}
.line_down {
width: 3.25rem;
height: 0.16rem;
float: left;
margin-left: 21.5%;
margin-top: 0.1rem;
}
.zan {
width: 1.6rem;
height: 1.6rem;
float: left;
margin-left: 36.1%;
margin-top: -0.3rem;
}
.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>
\ No newline at end of file
public/appnew/src/components/publicEg/entrance.vue
View file @ 78dbd1ef
......@@ -20,7 +20,12 @@
'query': {
'token': _token
}
}]
},
{
'path': '/feeds',
'nameCustom': 'feed流'
}
]
}
},
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