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