|
|
@@ -22,16 +22,34 @@ defineOptions({
|
|
|
name: 'Home',
|
|
|
})
|
|
|
const items = [
|
|
|
- { id: 1, title: '设计游学', desc: '游学项目', path: '/pages/study-tour/index', icon: '' },
|
|
|
- { id: 2, title: '线下活动', desc: '骑行俱乐部', path: '/pages/offine-activity/index', icon: '' },
|
|
|
+ {
|
|
|
+ id: 1,
|
|
|
+ title: '设计游学',
|
|
|
+ desc: '游学项目',
|
|
|
+ path: '/pages/study-tour/index',
|
|
|
+ icon: '/static/svgs/iconly-glass-edit.svg',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: 2,
|
|
|
+ title: '线下活动',
|
|
|
+ desc: '骑行俱乐部',
|
|
|
+ path: '/pages/offine-activity/index',
|
|
|
+ icon: '/static/svgs/iconly-glass-star.svg',
|
|
|
+ },
|
|
|
{
|
|
|
id: 3,
|
|
|
title: '设计传播',
|
|
|
desc: '运营推广',
|
|
|
path: '/pages/spread/index',
|
|
|
- icon: '',
|
|
|
+ icon: '/static/svgs/iconly-glass-play.svg',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: 4,
|
|
|
+ title: '品质商城',
|
|
|
+ desc: '所需周边',
|
|
|
+ path: '/mall/index',
|
|
|
+ icon: '/static/svgs/message.svg',
|
|
|
},
|
|
|
- { id: 4, title: '品质商城', desc: '所需周边', path: '/mall/index', icon: '' },
|
|
|
]
|
|
|
// 测试 uni API 自动引入
|
|
|
const { data } = useRequest(async () => ({ code: 0, msg: '', data: {} }) as IResData<any>, {
|
|
|
@@ -56,15 +74,12 @@ const { data } = useRequest(async () => ({ code: 0, msg: '', data: {} }) as IRes
|
|
|
dynamics: [
|
|
|
{
|
|
|
author: {
|
|
|
- avatar:
|
|
|
- 'https://images.pexels.com/users/avatars/1127278/ekrulila-867.png?auto=compress&fit=crop&h=50&w=50&dpr=2',
|
|
|
+ avatar: 'https://via.placeholder.com/35x35',
|
|
|
nickname: '苏小萌',
|
|
|
level: '0',
|
|
|
},
|
|
|
content: '用心做好设计，为客户创造美好家居环境',
|
|
|
- images: [
|
|
|
- 'https://images.pexels.com/photos/27438918/pexels-photo-27438918.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2',
|
|
|
- ],
|
|
|
+ images: ['https://via.placeholder.com/165x220'],
|
|
|
tags: ['意大利游学设计班'],
|
|
|
shares: 0,
|
|
|
comments: 0,
|
|
|
@@ -73,15 +88,12 @@ const { data } = useRequest(async () => ({ code: 0, msg: '', data: {} }) as IRes
|
|
|
},
|
|
|
{
|
|
|
author: {
|
|
|
- avatar:
|
|
|
- 'https://images.pexels.com/users/avatars/1127278/ekrulila-867.png?auto=compress&fit=crop&h=50&w=50&dpr=2',
|
|
|
+ avatar: 'https://via.placeholder.com/35x35',
|
|
|
nickname: '苏小萌',
|
|
|
level: '0',
|
|
|
},
|
|
|
content: '用心做好设计，为客户创造美好家居环境',
|
|
|
- images: [
|
|
|
- 'https://images.pexels.com/photos/27351166/pexels-photo-27351166.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2',
|
|
|
- ],
|
|
|
+ images: ['https://via.placeholder.com/220x165'],
|
|
|
tags: ['意大利游学设计班'],
|
|
|
shares: 0,
|
|
|
comments: 0,
|
|
|
@@ -90,15 +102,15 @@ const { data } = useRequest(async () => ({ code: 0, msg: '', data: {} }) as IRes
|
|
|
},
|
|
|
{
|
|
|
author: {
|
|
|
- avatar:
|
|
|
- 'https://images.pexels.com/users/avatars/1127278/ekrulila-867.png?auto=compress&fit=crop&h=50&w=50&dpr=2',
|
|
|
+ avatar: 'https://via.placeholder.com/35x35',
|
|
|
nickname: '苏小萌',
|
|
|
level: '0',
|
|
|
},
|
|
|
content: '用心做好设计，为客户创造美好家居环境',
|
|
|
images: [
|
|
|
- 'https://images.pexels.com/photos/27438918/pexels-photo-27438918.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2',
|
|
|
- 'https://images.pexels.com/photos/27351166/pexels-photo-27351166.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2',
|
|
|
+ 'https://via.placeholder.com/104x104',
|
|
|
+ 'https://via.placeholder.com/104x204',
|
|
|
+ 'https://via.placeholder.com/204x104',
|
|
|
],
|
|
|
tags: ['意大利游学设计班'],
|
|
|
shares: 0,
|
|
|
@@ -116,18 +128,36 @@ onLoad(() => {})
|
|
|
|
|
|
<template>
|
|
|
<view class="">
|
|
|
- <view class="bg-black w-full pos-relative aspect-[1.26/1]"></view>
|
|
|
+ <view class="bg-black w-full pos-relative aspect-[1.26/1]">
|
|
|
+ <wd-img custom-class="w-[375px] h-[297px]" src="https://via.placeholder.com/375x297" />
|
|
|
+ <div
|
|
|
+ class="w-[375px] h-[90px] bg-gradient-to-t from-black to-black/0 absolute left-0 bottom-0 w-full flex items-center"
|
|
|
+ >
|
|
|
+ <!-- <div class="w-[82px] h-[33px] rounded-[60px] border border-white"></div> -->
|
|
|
+ <view class="mx-7">
|
|
|
+ <wd-button plain custom-class="bg-transparent! border-white! text-white!">
|
|
|
+ 02:30
|
|
|
+ </wd-button>
|
|
|
+ </view>
|
|
|
+ </div>
|
|
|
+ </view>
|
|
|
<view class="bg-[#f6f6f6] relative bottom-4 rounded-t-2xl py-1">
|
|
|
<view class="w-full px-3.5 box-border grid grid-cols-2 grid-gap-4 my-6">
|
|
|
<template v-for="it of items" :key="it.id">
|
|
|
<view class="">
|
|
|
<Card>
|
|
|
- <view class="flex">
|
|
|
+ <view class="flex justify-between">
|
|
|
<view class="text-[rgba(0,0,0,0.85)] text-4 font-400 line-height-2.5">
|
|
|
<view class="my-0.75">{{ it.title }}</view>
|
|
|
<view class="text-[rgba(0,0,0,0.45)] text-3.5 my-2.5">{{ it.desc }}</view>
|
|
|
</view>
|
|
|
- <view></view>
|
|
|
+ <view class="">
|
|
|
+ <wd-img
|
|
|
+ custom-class="w-10.5 h-10.5 mt-3.5 vertical-bottom"
|
|
|
+ :src="it.icon"
|
|
|
+ mode="scaleToFill"
|
|
|
+ ></wd-img>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</Card>
|
|
|
</view>
|
