4af4255610
remove the unused src/static/scss/width.scss file and its import from index.scss, replace all existing custom width utility class usages with the equivalent Tailwind arbitrary width syntax
49 lines
1.3 KiB
Vue
49 lines
1.3 KiB
Vue
<template>
|
|
<view class="survey-questionnaire w-[calc(100vw_-_24px)]">
|
|
<view class="bg-white border-ff overflow-hidden rounded-[20px]">
|
|
<view class="border-box flex flex-items-center flex-justify-between bg-[#F0F8F3]">
|
|
<text class="text-[18px] font-[500] text-[#171717] text-left ml-[12px]">
|
|
调查问卷
|
|
</text>
|
|
<image class="w-[102px] h-72" :src="surveyData.logoUrl" mode="widthFix" />
|
|
</view>
|
|
|
|
<image class="w-full" :src="surveyData.bannerUrl" mode="widthFix" />
|
|
|
|
<view
|
|
class="h-44 m-[12px] rounded-[50px] bg-gradient-to-r from-[#0CCD58] to-[#4de4ff] text-white flex flex-items-center flex-justify-center"
|
|
@click="handleCall">
|
|
前往填写
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { getAccessToken } from "@/constant/token";
|
|
import { defineProps, computed } from "vue";
|
|
import { navigateTo } from "../../router";
|
|
|
|
const props = defineProps({
|
|
toolCall: {
|
|
type: Object,
|
|
default: {},
|
|
},
|
|
});
|
|
|
|
const surveyData = computed(() => {
|
|
if (props.toolCall?.data) {
|
|
return JSON.parse(props.toolCall?.data);
|
|
} else {
|
|
return {};
|
|
}
|
|
});
|
|
|
|
const handleCall = () => {
|
|
const token = getAccessToken();
|
|
navigateTo(surveyData.value.jumpUrl, { token: token });
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss" scoped></style>
|