integralRule.vue 954 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. <template>
  2. <view class="UserAgreement">
  3. <view v-html="integralRule"></view>
  4. </view>
  5. </template>
  6. <script>
  7. export default {
  8. data() {
  9. return {
  10. integralRule:'',
  11. }
  12. },
  13. onLoad() {
  14. this.integralRule = this.$store.getters.allset.integral_rule.value.integral_rule
  15. console.log(this.integralRule);
  16. },
  17. methods: {
  18. }
  19. }
  20. </script>
  21. <style lang="scss" scoped>
  22. $pageColor:#F9F9F9;
  23. $bgColor:#FFFFFF;
  24. .UserAgreement{
  25. height: 100%;
  26. background: $bgColor;
  27. padding: 0 30rpx;
  28. }
  29. .title{
  30. height: 82rpx;
  31. width: 750rpx;
  32. display: flex;
  33. align-items: center;
  34. justify-content: center;
  35. text{
  36. font-size: 32rpx;
  37. font-family: PingFang-SC-Bold, PingFang-SC;
  38. font-weight: bold;
  39. color: #333333;
  40. }
  41. }
  42. .content{
  43. padding: 0 30rpx;
  44. view{
  45. margin-bottom: 24rpx;
  46. text{
  47. font-size: 28rpx;
  48. font-family: PingFang-SC-Bold, PingFang-SC;
  49. font-weight: bold;
  50. color: #333333;
  51. }
  52. }
  53. }
  54. </style>