feat: 调整了目录结构
This commit is contained in:
68
src/pages/ChatModule/GeneratorPhotoComponent/index.vue
Normal file
68
src/pages/ChatModule/GeneratorPhotoComponent/index.vue
Normal file
@@ -0,0 +1,68 @@
|
||||
<template>
|
||||
<view class="container w-full border-box border-ff overflow-hidden rounded-24 flex flex-col">
|
||||
<!-- 占位撑开 -->
|
||||
<view class="w-vw"></view>
|
||||
<view class="content flex flex-col m-4 border-box rounded-24">
|
||||
<view class="flex flex-col p-6 border-box flex-items-center justify-center">
|
||||
<image class="w-full rounded-20" :src="props.toolCall.componentNameParams.background" mode="widthFix" />
|
||||
|
||||
<!-- 左上角标签 -->
|
||||
<view class="tag">
|
||||
<view class="dot"></view>
|
||||
<text class="tag-text">{{ props.toolCall.componentNameParams.superscript }}</text>
|
||||
</view>
|
||||
|
||||
<image class="g_title mt-20" :src="props.toolCall.componentNameParams.title" />
|
||||
|
||||
<text class="font-size-14 font-400 color-white my-12 text-center">
|
||||
{{ props.toolCall.componentNameParams.description }}
|
||||
</text>
|
||||
|
||||
<view class="w-full border-box px-12 pb-8 flex flex-row" @click="jumpClick">
|
||||
<view class="btn-bg w-full border-box p-4 rounded-24 flex flex-row">
|
||||
<view class="btn-bg-sub w-full border-box p-16 rounded-20 flex flex-row flex-items-center flex-justify-center color-white text-center font-size-18 font-800">
|
||||
{{ props.toolCall.componentNameParams.buttonName }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</template>
|
||||
<script setup>
|
||||
import { defineProps, nextTick, onMounted, computed } from "vue";
|
||||
import {
|
||||
SCROLL_TO_BOTTOM,
|
||||
} from "@/constant/constant";
|
||||
import { getAccessToken } from "@/constant/token";
|
||||
import { navigateTo } from "@/router";
|
||||
|
||||
|
||||
const props = defineProps({
|
||||
toolCall: {
|
||||
type: Object,
|
||||
default: {},
|
||||
},
|
||||
});
|
||||
|
||||
onMounted(() => {
|
||||
nextTick(() => {
|
||||
setTimeout(() => {
|
||||
uni.$emit(SCROLL_TO_BOTTOM, true);
|
||||
}, 300);
|
||||
});
|
||||
});
|
||||
|
||||
const jumpClick = () => {
|
||||
const token = getAccessToken();
|
||||
if (props.toolCall.componentNameParams.jumpUrl) {
|
||||
navigateTo(props.toolCall.componentNameParams.jumpUrl, { token: token });
|
||||
}
|
||||
};
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import "./styles/index.scss";
|
||||
</style>
|
||||
Reference in New Issue
Block a user