copyright.vue 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <template>
  2. <view>
  3. <!-- #ifdef H5 -->
  4. <view v-if="result.is_h5==1">
  5. <view class="copyright">
  6. <view v-if="result.icp">&nbsp;&nbsp;<span>备案信息:<a target="_blank" href="https://beian.miit.gov.cn/">{{result.icp||''}}</a></span></view>
  7. <view v-if="result.gov_record">&nbsp;&nbsp;<span class="gov-icon" :style="'background: url('+$static+'yui_123.png) no-repeat;'"><a target="_blank" :href="result.gov_link||''">公安备案:{{result.gov_record||''}}</a></span></view>
  8. <view v-if="result.supervision_url">&nbsp;&nbsp;<span>{{result.supervision_url||''}}</span></view>
  9. </view>
  10. </view>
  11. <!-- #endif -->
  12. </view>
  13. </template>
  14. <script>
  15. export default {
  16. data(){
  17. return {
  18. result:[]
  19. };
  20. },
  21. mounted() {
  22. // #ifdef H5
  23. this.$http.getCopyData().then(res=>{
  24. this.result = res.data;
  25. });
  26. // #endif
  27. },
  28. methods: {
  29. }
  30. }
  31. </script>
  32. <style lang="scss" scoped>
  33. .copyright {
  34. width: 100%; text-align: center;
  35. view {
  36. color: #888;
  37. display: inline-block;
  38. font-size: 13px;
  39. padding: 10px 5px;
  40. a {
  41. color: #888;
  42. font-size: 13px;
  43. text-decoration: none;
  44. }
  45. }
  46. .gov-icon {
  47. padding-left: 20px;
  48. }
  49. }
  50. </style>