update
This commit is contained in:
@@ -2,6 +2,13 @@
|
||||
import fmt from "../../../static/images/fmt.png";
|
||||
import linkIcon from '../../../static/icons/link.png';
|
||||
import XImage from "../../../components/XImage.vue";
|
||||
|
||||
const {data} = defineProps({
|
||||
data: {
|
||||
type: Object,
|
||||
default: null,
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
<template>
|
||||
@@ -13,10 +20,10 @@ import XImage from "../../../components/XImage.vue";
|
||||
<view class="block items-center">
|
||||
<view class="block-title">任务案例:</view>
|
||||
<view class="block-info w-full overflow-hidden">
|
||||
<view class="text-[#165DFF] !flex items-center gap-[10rpx]">
|
||||
<view class="text-[#165DFF] !flex items-center gap-[10rpx]" v-if="data.case_url">
|
||||
<image class="!size-[24rpx] flex-shrink-0" :src="linkIcon"></image>
|
||||
<text class="ellipsis-1 flex-grow">
|
||||
https://www.baidu.com/s?wd=%E7%8C%8E%E8%81%98&sa=fyb_n_homepage&rsv_dl=fyb_n_homepage&from=super&cl=3&tn=baidutop10&fr=top1000&rsv_idx=2&hisfilter=1
|
||||
{{ data.case_url }}
|
||||
</text>
|
||||
<view class="nowrap flex-shrink !py-[7rpx] !px-[32rpx] rounded-full bg-[#E8F3FF]"
|
||||
style="font-size: 24rpx">
|
||||
@@ -28,9 +35,14 @@ import XImage from "../../../components/XImage.vue";
|
||||
<view class="block">
|
||||
<view class="block-title">素材案例:</view>
|
||||
<view class="block-info !grid grid-cols-3 gap-[20rpx]">
|
||||
<x-image class="!size-[160rpx]" :src="fmt" :list="[fmt,fmt,fmt]" :cur="0" mode="aspectFill" :draggable="false"></x-image>
|
||||
<x-image class="!size-[160rpx]" :src="fmt" :list="[fmt,fmt,fmt]" :cur="1" mode="aspectFill" :draggable="false"></x-image>
|
||||
<x-image class="!size-[160rpx]" :src="fmt" :list="[fmt,fmt,fmt]" :cur="2" mode="aspectFill" :draggable="false"></x-image>
|
||||
<x-image
|
||||
v-if="data.case_images_arr.length > 0"
|
||||
class="!size-[160rpx]"
|
||||
:src="data.case_images_arr[0]"
|
||||
:list="data.case_images_arr"
|
||||
:cur="0" mode="aspectFill"
|
||||
:draggable="false">
|
||||
</x-image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="block">
|
||||
|
||||
Reference in New Issue
Block a user