answerIntroduction.vue 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151
  1. <template>
  2. <view>
  3. <view class="sticky-nav">
  4. <view class="nav-box">
  5. <u-icon name="arrow-left" color="#000" size="48" @click="backHome()"></u-icon>
  6. <text class="rule-text">规则说明</text>
  7. </view>
  8. </view>
  9. <view class="content_box">
  10. <rich-text :nodes="nodes"></rich-text>
  11. </view>
  12. </view>
  13. </template>
  14. <script>
  15. export default{
  16. data(){
  17. return{
  18. nodes:[{
  19. name: 'p',
  20. attrs: {
  21. class: 'directory-content',
  22. },
  23. children: [{
  24. type: 'text',
  25. text: '1.轮值法师/轮值善知识提交申请通过后,将会在法师答疑栏目显示,参与解答问题。普通法师/普通善知识提交申请通过后,不会在法师答疑栏目显示,不参与解答问题;'
  26. }]
  27. },
  28. {
  29. name: 'p',
  30. attrs: {
  31. class: 'directory-content',
  32. },
  33. children: [{
  34. type: 'text',
  35. text: '2.您可以与法师/善知识进行一对一交流,以便帮助您解决修行困惑和生活烦恼;'
  36. }]
  37. },
  38. {
  39. name: 'p',
  40. attrs: {
  41. class: 'directory-content',
  42. },
  43. children: [{
  44. type: 'text',
  45. text: '3.每次答疑需支付68香花券才可与法师/善知识进行交流(为方便用户、普渡众生,限时支付36香花券即可享受法师1v1答疑服务);'
  46. }]
  47. },
  48. {
  49. name: 'p',
  50. attrs: {
  51. class: 'directory-content',
  52. },
  53. children: [{
  54. type: 'text',
  55. text: '4.计时收费从法师开始回复您的第一条消息时开始,单次有效时长不得超出30分钟;'
  56. }]
  57. },
  58. {
  59. name: 'p',
  60. attrs: {
  61. class: 'directory-content',
  62. },
  63. children: [{
  64. type: 'text',
  65. text: '5.若您感觉本次答疑解惑不够充足,您可以在答疑结束5分钟倒计时内进行续费或再次咨询同一法师/善知识;'
  66. }]
  67. },
  68. {
  69. name: 'p',
  70. attrs: {
  71. class: 'directory-content',
  72. },
  73. children: [{
  74. type: 'text',
  75. text: '6.答疑完成以后,您可对本次答疑进行评分,评分过低的法师/善知识将有可能会被取消答疑资格;'
  76. }]
  77. },
  78. {
  79. name: 'p',
  80. attrs: {
  81. class: 'directory-content',
  82. },
  83. children: [{
  84. type: 'text',
  85. text: '7.请文明与法师/善知识进行交流,不可交流涉黄、赌、毒、政治、辱国等违法违规相关言论;'
  86. }]
  87. },
  88. {
  89. name: 'p',
  90. attrs: {
  91. class: 'directory-content',
  92. },
  93. children: [{
  94. type: 'text',
  95. text: '8.平台会对所有答疑内容进行监督管理,一旦发现违规或被举报违规将严厉处罚;'
  96. }]
  97. },
  98. {
  99. name: 'p',
  100. attrs: {
  101. class: 'directory-content',
  102. },
  103. children: [{
  104. type: 'text',
  105. text: '9.咨询时间:8:00 - 20:00'
  106. }]
  107. }
  108. ]
  109. }
  110. },
  111. methods:{
  112. backHome() {
  113. uni.navigateBack({
  114. delta: 1
  115. });
  116. },
  117. }
  118. }
  119. </script>
  120. <style lang="less" scoped>
  121. .sticky-nav {
  122. position: sticky;
  123. width: 100%;
  124. top: 0;
  125. z-index: 1;
  126. }
  127. .nav-box {
  128. width: 100%;
  129. padding-top: 50rpx;
  130. display: flex;
  131. align-items: center;
  132. background: #fff;
  133. height: 100rpx;
  134. padding-bottom: 50rpx;
  135. /deep/.u-icon{
  136. margin-left: 20rpx!important;
  137. }
  138. .rule-text {
  139. font-size: 38rpx;
  140. color: #000;
  141. margin-left: 250rpx;
  142. }
  143. }
  144. /deep/.directory-content {
  145. margin: 0 0 25rpx 25rpx;
  146. font-size: 35rpx;
  147. color: rgb(118,118,118);
  148. }
  149. </style>