标签：text service32 品牌 height padding width font
<template>
<div class="title">
<div class="contain">
<div class="top">
<img src="http://sky-sea.cn/uploads/image/20190104/5c2eae2bd6805.jpg" />
<h4>服务理念</h4>
<h5>
天海广告以提供综合品牌策划设计&营销推广服务为主，同时为客户分析阶段性品牌症结，提供针对性的策略解决方案。
</h5>
</div>
<ul class="bottom">
<li v-for="(item, index) in lists" :key="index">
<span class="line"></span>
<div class="text">
<h4>{{ item.text }}</h4>
<h5 v-html="item.introduce"></h5>
</div>
</li>
</ul>
</div>
</div>
</template>
<style lang="scss" scoped>
* {
margin: 0;
padding: 0;
}
.title {
background: #fafafa;
h4 {
font-weight: bold;
font-size: 16px;
line-height: 2;
text-align: center;
}
h5 {
font-size: 14px;
line-height: 2;
color: #434343;
text-align: center;
font-weight: normal;
}
.contain {
max-width: 1600px;
margin: 0 auto;
background: #fff;
position: relative;
.top {
padding-top: 50px;
img {
display: block;
width: 600px;
height: 300px;
margin: 0 auto 20px;
}
h5 {
padding-bottom: 60px;
}
}
.bottom {
width: 1460px;
height: 300px;
margin: 0 auto;
display: flex;
li {
width: 33.33%;
box-sizing: border-box;
padding: 30px;
h5 {
text-align: left;
}
.line {
padding: 0 20px;
font-size: 1.3rem;
display: block;
opacity: 0.7;
line-height: 40px;
border-bottom: 2px solid #e8b996;
}
.text {
padding: 20px;
}
}
}
}
}
</style>
<script>
export default {
name: 'text',
data() {
return {
lists: [
{
text: '品牌中心',
introduce:
'品牌研究：国内外理论研究、专业资讯搜集、经典案例研究<br/>品牌顾问：品牌诊断、品牌规划、品牌管理<br />整合传播：品牌整合传播、广告、公关、促销、媒介策略',
},
{
text: '营销策划',
introduce:
'市场调研：品牌专题、消费者专题、产品/服务专题、渠道专题、商圈专题等，将成本高效的运用产品上。<br>市场推广：区域样板市场上市策划、新品上市策略、常规促销活动<br>营销管理：营销战略规划、渠道规划与管理、招商策划执行、客户关系管理',
},
{
text: '广告设计',
introduce:
'广告创作：平面广告、影视广告、网络广告<br>形象设计：企业品牌形象识别体系(CIS)<br>空间展示：品牌展览、展示形象设计、商业空间设计系统(SIS)',
},
],
};
},
};
</script>
标签：text,service32,品牌,height,padding,width,font 来源： https://blog.csdn.net/weixin_44168341/article/details/121289059
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。