perf: replace lifecycle hooks function
This commit is contained in:
@@ -55,7 +55,7 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { ref, onMounted } from 'vue';
|
import { ref, onBeforeMount } from 'vue';
|
||||||
import { CheckCircleFilled } from '@ant-design/icons-vue';
|
import { CheckCircleFilled } from '@ant-design/icons-vue';
|
||||||
import { subscribePay, getSubscribeInfo } from '../api/subscribe';
|
import { subscribePay, getSubscribeInfo } from '../api/subscribe';
|
||||||
import { useRouter } from 'vue-router'
|
import { useRouter } from 'vue-router'
|
||||||
@@ -85,7 +85,7 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
// 初始化数据
|
// 初始化数据
|
||||||
onMounted(() => { subscribeInfo() })
|
onBeforeMount(() => { subscribeInfo() })
|
||||||
|
|
||||||
// 点击支付
|
// 点击支付
|
||||||
const onPay = (ver) => {
|
const onPay = (ver) => {
|
||||||
@@ -163,19 +163,19 @@ export default {
|
|||||||
|
|
||||||
.card {
|
.card {
|
||||||
min-height: 450px;
|
min-height: 450px;
|
||||||
box-shadow: 0 1px 16px 0 rgb(33 41 48 / 5%);
|
box-shadow: 0 1px 10px 0 rgb(33 41 48 / 5%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.selected-free-card {
|
.selected-free-card {
|
||||||
min-height: 450px;
|
min-height: 450px;
|
||||||
box-shadow: 0 1px 16px 0 rgb(33 41 48 / 5%);
|
box-shadow: 0 1px 10px 0 rgb(33 41 48 / 5%);
|
||||||
border: 2px solid #ceebfa;
|
border: 2px solid #ceebfa;
|
||||||
background: #f0faff;
|
background: #f0faff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.selected-card {
|
.selected-card {
|
||||||
min-height: 450px;
|
min-height: 450px;
|
||||||
box-shadow: 0 1px 16px 0 rgb(33 41 48 / 5%);
|
box-shadow: 0 1px 10px 0 rgb(33 41 48 / 5%);
|
||||||
border: 2px solid #d6ddf9;
|
border: 2px solid #d6ddf9;
|
||||||
background: #f3f6fd;
|
background: #f3f6fd;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user