话说元服务初上的年间，鸿蒙江湖高手云起，都是一顿键盘手猛敲，元服务推陈出新，创意层出不穷，无不风生水起。

江湖规矩：每个元服务必须提供规范的隐私声明，否则提交元服务发布上架后，将导致审核无法通过。用户使用元服务前，必须引导其了解隐私声明信息，获取用户授权后，才能继续使用元服务。

当江湖高手准备将修成正果的元服务问世江湖时，时常会因为隐私声明不合规，堵在问世最后一公里的“检测站”里。他们抓耳挠头的发愁，屡试不“爽”，相当的不爽。

鸿蒙江湖上有一群继承D（DTSE）意志的游侠，他们路见不平，拔刀相助。这不他们二话不多说，直接挥洒四剑指点迷津。

很多元服务服务直达，拿来即用。无需登录就能直接使用。那就推荐在首次启动或首次注册时呈现隐私声明。

声明范例如下图。

挥洒四剑后，元服务效果如下图。

【一 剑招如风】

潇洒走江湖，必先熟读江湖规矩。隐私声明具体要求请参见隐私声明规范。

【二 剑招如电】

隐私声明详情必然需要通过访问互联网读取加载，所以需要在config.json配置文件中增加网络访问权限。

代码示例：

"reqPermissions": [{"name": "ohos.permission.INTERNET"}
]

【三 剑招如虹】

隐私声明实现的代码结构如下：

新建detailman页面用来显示上图声明范例中超链接跳转的H5页面。其中index页面是元服务首页。

协议详情页面的detailman.hml文件，可以使用web组件显示H5页面内容。

注意：web组件会覆盖页面其他组件，无法使用组件事件实现回退。如果需要回退，可以考虑使用Java的WebView实现。

代码示例：

<div class="container"><web src="{{param}}"></web>
</div>

协议详情页面的detailman.js文件，定义param变量接受index页面router传过来的参数。

代码示例：

	export default {data: {param: ""},onInit() {}
}

协议详情页面的detailman.css文件。

代码示例：

.container {display: flex;flex-direction: column;justify-content: center;align-items: center;left: 0px;top: 0px;width: 100%;height: 100%;
}

【四 剑招如水】

元服务首页的index.hml文件，使用dialog组件实现协议弹出框，协议内容使用<text>+<span>组件实现协议跳转，span的value定义在JS文件的data中。

注意：直接将协议内容写到组件内无法实现首行缩进，API 7+才支持。

代码示例：

<div class="container"><button style="height: 5%; width: 30%;" onclick="onShow">Helloworld</button>
<!--方式一：首次打开弹窗-->
<!--下方dialog组件整体复制到元服务首页hml中任意位置-->
<!-- copy   start--><dialog id="dragDialog" dragable="false" style="height: 60%; width: 90%; margin-bottom: 15%;"><div style="flex-direction: column; align-items: center; height: 100%; width: 100%;"><div style="height: 15%; width: 100%; justify-content: center; align-items: center;"><text style="font-size: 20px; font-weight: 900;">{{ this.head }}</text></div><div style="height: 70%; width: 100%; justify-content: center;"><text style="width: 95%; text-align: start; padding: 2%; line-height: 25px;"><span class="fontStyle">{{ firstContext }}</span><span class="fontStyle" style="color: #ff0800ff;" onclick="go(rule)">{{ rule }}</span><span class="fontStyle">,</span><span class="fontStyle" style="color: #ff0800ff;" onclick="go(privacy)">{{ privacy }}</span><span class="fontStyle">{{ secondContext }}</span></text></div><div style="height: 15%; width: 100%; flex-direction: row; justify-content: center; align-items: center;"><button type="text" style="width: 40%; font-size: 20px; text-align: center; text-color: black;"onclick="noAgree">不同意</button><button type="text" style="width: 40%; font-size: 20px; text-align: center; text-color: #ff0800ff;"onclick="agree">同意</button></div></div></dialog>
<!-- copy  end-->
</div>

元服务首页的index.css文件。

代码示例：

.container {display: flex;flex-direction: column;justify-content: flex-start;align-items: center;left: 0px;top: 0px;width: 100%;height: 100%;
}
.fontStyle{font-size: 16px
}

继承D意志的游侠们，他们三招解一题，千里不留行，事了拂衣去，深藏身与名。鸿蒙江湖高手勿发愁，勿上头，规范的隐私声明已帮您解决，快快开启夏日多巴胺，二次激发元服务开发豪情。。。。。。