generated from duanshuwen/webapp-vue-frontend
feat: toast的样式
This commit is contained in:
@@ -69,6 +69,7 @@ import TopNavBar from '../components/TopNavBar.vue';
|
|||||||
// @ts-ignore
|
// @ts-ignore
|
||||||
import { generatorPhotoTaskList } from '@api';
|
import { generatorPhotoTaskList } from '@api';
|
||||||
import { closeToast, showLoadingToast } from 'vant';
|
import { closeToast, showLoadingToast } from 'vant';
|
||||||
|
import 'vant/lib/toast/style';
|
||||||
|
|
||||||
interface TaskItem {
|
interface TaskItem {
|
||||||
name: string
|
name: string
|
||||||
@@ -93,7 +94,9 @@ const lookPicture = (item: TaskItem) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const getTaskList = () => {
|
const getTaskList = () => {
|
||||||
|
showLoadingToast('加载中...');
|
||||||
generatorPhotoTaskList({ pageNum: 1, pageSize: 20 }).then(res => {
|
generatorPhotoTaskList({ pageNum: 1, pageSize: 20 }).then(res => {
|
||||||
|
closeToast();
|
||||||
if (res.code === 0) {
|
if (res.code === 0) {
|
||||||
const data = res.data || [];
|
const data = res.data || [];
|
||||||
list.splice(0, list.length, ...data.map(item => {
|
list.splice(0, list.length, ...data.map(item => {
|
||||||
|
|||||||
@@ -37,7 +37,7 @@
|
|||||||
<!-- 协议提示 -->
|
<!-- 协议提示 -->
|
||||||
<van-popup v-model:show="showAgree" round :close-on-click-overlay="false"
|
<van-popup v-model:show="showAgree" round :close-on-click-overlay="false"
|
||||||
:style="{ padding: '30px 24px', width: '80%' }">
|
:style="{ padding: '30px 24px', width: '80%' }">
|
||||||
<AgreementTip @cancel="showAgree = false" @confirm="onAgree" @view-rule="onViewRule" />
|
<AgreementTip @cancel="cancelAgree" @confirm="onAgree" @view-rule="onViewRule" />
|
||||||
</van-popup>
|
</van-popup>
|
||||||
|
|
||||||
<!-- 选图说明 -->
|
<!-- 选图说明 -->
|
||||||
@@ -61,6 +61,7 @@ import { getAigcSceneList, AigcSceneListItem, AigcSceneStyleItem } from '@api';
|
|||||||
// @ts-ignore
|
// @ts-ignore
|
||||||
import { createGeneratorPhotoTask } from '@api';
|
import { createGeneratorPhotoTask } from '@api';
|
||||||
import { showFailToast, showSuccessToast } from 'vant';
|
import { showFailToast, showSuccessToast } from 'vant';
|
||||||
|
import 'vant/lib/toast/style';
|
||||||
|
|
||||||
// --- 测试数据 ---
|
// --- 测试数据 ---
|
||||||
const styles = [
|
const styles = [
|
||||||
@@ -82,6 +83,14 @@ const showGuide = ref(false);
|
|||||||
|
|
||||||
const showAgree = ref(true);
|
const showAgree = ref(true);
|
||||||
|
|
||||||
|
const cancelAgree = () => {
|
||||||
|
console.log("用户拒绝了协议");
|
||||||
|
showAgree.value = false;
|
||||||
|
if (window.wx && wx.miniProgram) {
|
||||||
|
wx.miniProgram.navigateBack();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
const onAgree = () => {
|
const onAgree = () => {
|
||||||
console.log("用户同意了协议");
|
console.log("用户同意了协议");
|
||||||
showAgree.value = false;
|
showAgree.value = false;
|
||||||
|
|||||||
@@ -39,6 +39,7 @@ import VueEasyLightbox from 'vue-easy-lightbox';
|
|||||||
// @ts-ignore
|
// @ts-ignore
|
||||||
import 'vue-easy-lightbox/dist/external-css/vue-easy-lightbox.css'; // 导入其 CSS
|
import 'vue-easy-lightbox/dist/external-css/vue-easy-lightbox.css'; // 导入其 CSS
|
||||||
import { showToast } from 'vant';
|
import { showToast } from 'vant';
|
||||||
|
import 'vant/lib/toast/style';
|
||||||
|
|
||||||
const disclaimerText = ref('脑洞特效由 AI 随机生成,如未达预期敬请谅解。')
|
const disclaimerText = ref('脑洞特效由 AI 随机生成,如未达预期敬请谅解。')
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user