猫妈狗爸伴宠师小程序前端代码
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

86 lines
1.6 KiB

3 months ago
3 months ago
2 months ago
3 months ago
3 months ago
3 months ago
3 months ago
2 months ago
3 months ago
2 months ago
3 months ago
2 months ago
3 months ago
2 months ago
3 months ago
3 months ago
  1. <template>
  2. <up-modal :show="show" :showConfirmButton="false">
  3. <view class="slot-content box">
  4. <image class="w-100" :src="state.info.partnerBackground"></image>
  5. <view class="size-32 fw700 title text-c w-100">
  6. <view v-html="configList?.succeed_join?.paramValueArea"></view>
  7. </view>
  8. <view class="size-32 fw700 w-100 text-c" v-html="state.info.promptText">
  9. </view>
  10. <view class="btn color-fff size-30 flex-rowc" @tap="close">
  11. 我知道了
  12. </view>
  13. </view>
  14. </up-modal>
  15. </template>
  16. <script setup>
  17. import {
  18. successList
  19. } from "@/api/home.js"
  20. import {
  21. watch,
  22. ref,
  23. watchEffect,
  24. onMounted,
  25. reactive
  26. } from "vue"
  27. import {
  28. useStore
  29. } from "vuex"
  30. import { computed } from "vue"
  31. const props = defineProps({
  32. open: false
  33. })
  34. const store = useStore();
  35. const emit = defineEmits(['close'])
  36. const show = ref(false)
  37. const configList = computed(() => {
  38. return store.getters.configList
  39. })
  40. watch(() => props.open, (val) => {
  41. show.value = val
  42. })
  43. onMounted(() => {
  44. init()
  45. })
  46. const state = reactive({
  47. info: {}
  48. })
  49. const init = () => {
  50. successList().then(res => {
  51. // state.info = res.rows[0]
  52. })
  53. }
  54. const close = () => {
  55. emit("close", false)
  56. }
  57. </script>
  58. <style scoped lang="scss">
  59. @import "@/style/index.scss";
  60. .box {
  61. width: 632rpx;
  62. background-color: #fff;
  63. border-radius: 8rpx;
  64. image {
  65. height: 190rpx;
  66. }
  67. .title {
  68. margin-top: 100rpx;
  69. margin-bottom: 45rpx;
  70. }
  71. .btn {
  72. width: 594rpx;
  73. height: 94rpx;
  74. border-radius: 94rpx;
  75. background-color: $mainColor;
  76. margin-top: 168rpx;
  77. }
  78. }
  79. </style>