root/xl-mobile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
多啦C梦
2025-05-19 19:03:53 +08:00
parent ddfd747704
commit e15474a836
14 changed files with 242 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
src/pages/taskDetails/components/CollectMaterials.vue
View File

@@ -3,31 +3,24 @@ import {ref, reactive} from "vue";
import XSquareCarouselImage from "../../../components/XSquareCarouselImage.vue";
import {toPage} from "../../../utils/uils.js";
const {data} = defineProps({
data: {
type: Object,
default: null,
}
});
const current = ref(0);
const list = reactive([
{
id: 0,
name: '素材1',
},
{
id: 1,
name: '素材2',
},
{
id: 2,
name: '素材3',
},
]);
</script>
<template>
<!--领取素材-->
<view class="!flex gap-[24rpx] !mb-[28rpx]">
<view
v-for="(item,index) in list"
v-for="(item,index) in data.children.material"
@click="current=index"
:class="['tab-item', index===current?'cur':'']">
素材1
素材{{ index + 1 }}
</view>
</view>
@@ -37,7 +30,7 @@ const list = reactive([
标题:
</view>
<view class="block-info">
标题内容标题内容标题内容标题内容标题内容标题内容标题内容标题内容
{{ data.children.material[current].title }}
</view>
</view>
<view class="block">
@@ -53,7 +46,7 @@ const list = reactive([
正文:
</view>
<view class="block-info">
简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内...
{{ data.children.material[current].content }}
</view>
</view>
<view class="block">
@@ -61,7 +54,7 @@ const list = reactive([
素材:
</view>
<view class="block-info">
<x-square-carousel-image></x-square-carousel-image>
<x-square-carousel-image :list="data.children.material[current].material_arr"></x-square-carousel-image>
</view>
</view>
<view class="block">
@@ -72,10 +65,14 @@ const list = reactive([
<view>
<view>评论1：我用的也是这款，早tb可以购买噢~我用的也是这款，早tb可以购买噢~</view>
<view class="!flex gap-[20rpx] flex-wrap">
<image class="!w-[96rpx] !h-[96rpx] !aspect-square" mode="aspectFill" src="/static/images/test.png"></image>
<image class="!w-[96rpx] !h-[96rpx] !aspect-square" mode="aspectFill" src="/static/images/test.png"></image>
<image class="!w-[96rpx] !h-[96rpx] !aspect-square" mode="aspectFill" src="/static/images/test.png"></image>
<image class="!w-[96rpx] !h-[96rpx] !aspect-square" mode="aspectFill" src="/static/images/test.png"></image>
<image class="!w-[96rpx] !h-[96rpx] !aspect-square" mode="aspectFill"
src="/static/images/test.png"></image>
<image class="!w-[96rpx] !h-[96rpx] !aspect-square" mode="aspectFill"
src="/static/images/test.png"></image>
<image class="!w-[96rpx] !h-[96rpx] !aspect-square" mode="aspectFill"
src="/static/images/test.png"></image>
<image class="!w-[96rpx] !h-[96rpx] !aspect-square" mode="aspectFill"
src="/static/images/test.png"></image>
</view>
</view>
</view>
@@ -90,7 +87,7 @@ const list = reactive([
<style scoped lang="scss">
.tab-item {
padding: 12rpx 32rpx;
padding: 12rpx 26rpx;
border-radius: 9999rpx;
background-color: #F7F8FA;
font-size: 24rpx;