成交喜报修改

public/appnew/src/components/feed/feeds.vue

+<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>
+
+
+			<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>
+
+	</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';
+	
+	export default {
+		data: () => ({
+			headerData: {
+				'title': '成交喜报',
+				'noborder': true,
+				'isBack': false
+			},
+			chengjiaoxibao_pic
+		}),
+	}
+</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;
+}
+</style>
\ No newline at end of file