移动端协议弹出的实现

在开发过程中，经常会碰到阅读相关协议才能才能进行下一步操作的需求。我们可以用v-html来实现类似word文档的阅读感，比如重点内容加粗、下划线提醒等文档效果展示。我们可以新建一个config.js文件，把v-html的文档内容实现好，再导入页面.vue文件使用。

config.js文件如下：

 let myhtml = `
   <p>
     <p class="header">为了和平，在此做以下倡议：</p>
     <p class="conten weight">一、爱护环境人人有责</p></br>
     <p class="conten">...</p></br>
   </p>
 `
 export myhtml

页面引入如下：

<div v-html="myhtml"></div>
<script>
import myhtml from '.config'
</script>
<style scoped lang="postcss">
.header{
  font-weight: 600;
}
.content{
  font-size: 14px;
}
.weight{
  font-weight: 600;
}
</style>

以上。