integralRule.vue 985 B

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