bingyu-mini/bingyu/pages/infoDetail/infoDetail.vue

61 lines
1.9 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<template>
<view>
<navs :top='top' :color='color'></navs>
<view class="content">
<view class="content-title1">企业资讯标题标题标额...企业资讯标</view>
<view class="content-title2">来自:xxxx网 2023.08.22</view>
<view class="cont">
<text>当地时间8月21日晚国家主席习近平抵达约翰内斯堡出席金砖国家领导人第十五次会晤并对南非进行国事访问南非总统拉马福萨率外长潘多尔陪同部长总统府妇女青年部长祖马等政府高级官员在舷梯旁热情迎接南非妇女向习近平献上鲜花礼兵持枪致敬身着民族服装的民众跳起奔放的舞蹈</text>
<image src="https://mms2.baidu.com/it/u=3529567955,935711200&fm=253&app=120&f=JPEGw=640&h=429" mode=""></image>
<text>当地时间8月21日晚国家主席习近平抵达约翰内斯堡出席金砖国家领导人第十五次会晤并对南非进行国事访问南非总统拉马福萨率外长潘多尔陪同部长总统府妇女青年部长祖马等政府高级官员在舷梯旁热情迎接南非妇女向习近平献上鲜花礼兵持枪致敬身着民族服装的民众跳起奔放的舞蹈</text>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
top:0,
color:1
};
},
onLoad() {
this.top = uni.getMenuButtonBoundingClientRect().top;
},
}
</script>
<style lang="scss">
.content{
padding: 52rpx 30rpx;
.content-title1{
font-size: 46rpx;
font-weight: 600;
color: #333;
line-height: 64rpx;
}
.content-title2{
font-size: 24rpx;
font-weight: 400;
color: #C2C2C2;
line-height: 44rpx;
margin-top: 4rpx;
}
.cont{
margin-top: 34rpx;
image{
width: 100%;
height: 330rpx;
margin: 34rpx 0;
}
text{
font-size: 32rpx;
font-weight: 400;
line-height: 54rpx;
}
}
}
</style>