You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
203 lines
6.5 KiB
203 lines
6.5 KiB
<template>
|
|
<view>
|
|
<uv-tabs :list="tabs" @click="click"></uv-tabs>
|
|
|
|
<uni-card :border="false" :is-shadow="false" :padding="0" @click="openUrl(`/package/team/detail?id=1`)">
|
|
<uni-section title="技能大帅提升班">
|
|
<uni-row class="team-item">
|
|
<uni-col :span="16">
|
|
<view class="team-item-info">
|
|
<view class="desc web-text-secondary">
|
|
<uv-text
|
|
:lines="3"
|
|
text="搜索世界各地美食，美食研究所“只做安心食品”，让用户买得放心，吃得安心。本团队为美食研究所唯一官方社群，集结各地美食家。轻松愉悦的社群环境，大胆畅聊品质生活、共同分享独到的美食品鉴感受。"
|
|
></uv-text>
|
|
</view>
|
|
</view>
|
|
<view class="team-item-info-avatar-group">
|
|
<uv-avatar-group :urls="urls" size="24" gap="0.5"></uv-avatar-group>
|
|
<uv-text class="web-text-secondary" style="padding-left: 16rpx;" text="506成员在学习"></uv-text>
|
|
</view>
|
|
</uni-col>
|
|
<uni-col :span="8">
|
|
<view class="team-item-image">
|
|
<uv-avatar src="https://oss.wsdns.cn/20240612/0eb637277e5a4bff9d40b16ddb64b1f0.jpeg?x-oss-process=image/resize,m_fixed,w_750/quality,Q_90" shape="square" size="100" randomBgColor></uv-avatar>
|
|
</view>
|
|
</uni-col>
|
|
</uni-row>
|
|
<uv-gap height="24"></uv-gap>
|
|
<view class="news-activity">
|
|
<text style="width: 55rpx;">课程上新</text>
|
|
<uv-line direction="col" style="height: 80rpx; margin: 0 30rpx;"></uv-line>
|
|
<view class="desc">
|
|
<view>春日养生 | 分享你的独家养生心得</view>
|
|
<view>03-30 14:59 开始</view>
|
|
</view>
|
|
</view>
|
|
</uni-section>
|
|
<uv-gap height="20"></uv-gap>
|
|
</uni-card>
|
|
|
|
<uni-card :border="false" :is-shadow="false" :padding="0" @click="openUrl(`/package/team/detail?id=1`)">
|
|
<uni-section title="学习型班组A">
|
|
<uni-row class="team-item">
|
|
<uni-col :span="16">
|
|
<view class="team-item-info">
|
|
<view class="desc web-text-secondary">
|
|
<uv-text
|
|
:lines="3"
|
|
text="搜索世界各地美食，美食研究所“只做安心食品”，让用户买得放心，吃得安心。本团队为美食研究所唯一官方社群，集结各地美食家。轻松愉悦的社群环境，大胆畅聊品质生活、共同分享独到的美食品鉴感受。"
|
|
></uv-text>
|
|
</view>
|
|
</view>
|
|
<view class="team-item-info-avatar-group">
|
|
<uv-avatar-group :urls="urls" size="24" gap="0.5"></uv-avatar-group>
|
|
<uv-text class="web-text-secondary" style="padding-left: 16rpx;" text="506成员在学习"></uv-text>
|
|
</view>
|
|
</uni-col>
|
|
<uni-col :span="8">
|
|
<view class="team-item-image">
|
|
<uv-avatar src="https://oss.wsdns.cn/20240612/0eb637277e5a4bff9d40b16ddb64b1f0.jpeg?x-oss-process=image/resize,m_fixed,w_750/quality,Q_90" shape="square" size="100" randomBgColor></uv-avatar>
|
|
</view>
|
|
</uni-col>
|
|
</uni-row>
|
|
<uv-gap height="24"></uv-gap>
|
|
<view class="news-activity">
|
|
<text style="width: 55rpx;">课程上新</text>
|
|
<uv-line direction="col" style="height: 80rpx; margin: 0 30rpx;"></uv-line>
|
|
<view class="desc">
|
|
<view>春日养生 | 分享你的独家养生心得</view>
|
|
<view>03-30 14:59 开始</view>
|
|
</view>
|
|
</view>
|
|
</uni-section>
|
|
<uv-gap height="20"></uv-gap>
|
|
</uni-card>
|
|
|
|
<uni-card :border="false" :is-shadow="false" :padding="0" @click="openUrl(`/package/team/detail?id=1`)">
|
|
<uni-section title="美食研究所">
|
|
<uni-row class="team-item">
|
|
<uni-col :span="16">
|
|
<view class="team-item-info">
|
|
<view class="desc web-text-secondary">
|
|
<uv-text
|
|
:lines="3"
|
|
text="搜索世界各地美食，美食研究所“只做安心食品”，让用户买得放心，吃得安心。本团队为美食研究所唯一官方社群，集结各地美食家。轻松愉悦的社群环境，大胆畅聊品质生活、共同分享独到的美食品鉴感受。"
|
|
></uv-text>
|
|
</view>
|
|
</view>
|
|
<view class="team-item-info-avatar-group">
|
|
<uv-avatar-group :urls="urls" size="24" gap="0.5"></uv-avatar-group>
|
|
<uv-text class="web-text-secondary" style="padding-left: 16rpx;" text="506成员在学习"></uv-text>
|
|
</view>
|
|
</uni-col>
|
|
<uni-col :span="8">
|
|
<view class="team-item-image">
|
|
<uv-avatar src="https://oss.wsdns.cn/20240611/d8fc3fcc514e4e488a31438d21c4e206.jpg" shape="square" size="100" randomBgColor></uv-avatar>
|
|
</view>
|
|
</uni-col>
|
|
</uni-row>
|
|
<uv-gap height="24"></uv-gap>
|
|
<view class="news-activity">
|
|
<text style="width: 55rpx;">课程上新</text>
|
|
<uv-line direction="col" style="height: 80rpx; margin: 0 30rpx;"></uv-line>
|
|
<view class="desc">
|
|
<view>春日养生 | 分享你的独家养生心得</view>
|
|
<view>03-30 14:59 开始</view>
|
|
</view>
|
|
</view>
|
|
</uni-section>
|
|
<uv-gap height="20"></uv-gap>
|
|
</uni-card>
|
|
|
|
<uv-gap height="20"></uv-gap>
|
|
<view class="more-team web-text-heading">
|
|
探索与提升你的技能，<text @click="openUrl(`/package/team/index`)" style="color: #0f80ff;">发现更多学习团队</text>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import * as AppApi from '@/api/oa/app';
|
|
export default {
|
|
data() {
|
|
return {
|
|
tabs: [
|
|
{
|
|
name: '我的团队'
|
|
},
|
|
{
|
|
name: '技能大师工作室'
|
|
},
|
|
{
|
|
name: '学习型班组'
|
|
},
|
|
{
|
|
name: '培训班级'
|
|
}
|
|
],
|
|
urls: [
|
|
'https://cdn.uviewui.com/uview/album/1.jpg',
|
|
'https://cdn.uviewui.com/uview/album/2.jpg',
|
|
'https://cdn.uviewui.com/uview/album/3.jpg',
|
|
'https://cdn.uviewui.com/uview/album/4.jpg',
|
|
'https://cdn.uviewui.com/uview/album/7.jpg',
|
|
'https://cdn.uviewui.com/uview/album/6.jpg',
|
|
'https://cdn.uviewui.com/uview/album/5.jpg'
|
|
],
|
|
appList: []
|
|
};
|
|
},
|
|
onLoad() {
|
|
this.reload();
|
|
},
|
|
methods: {
|
|
async reload() {
|
|
const app = this
|
|
// 请求数据
|
|
Promise.all([app.getAppList()]).then(res => {
|
|
app.appList = res[0];
|
|
console.log('app.appList: ',app.appList);
|
|
|
|
})
|
|
},
|
|
getAppList(){
|
|
return new Promise((resolve, reject) => {
|
|
AppApi.pageApp({}).then(result => {
|
|
resolve(result)
|
|
}).catch(reject)
|
|
})
|
|
},
|
|
openUrl(url){
|
|
uni.navigateTo({
|
|
url
|
|
})
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.team-item {
|
|
padding: 0 16rpx;
|
|
&-info {
|
|
margin-bottom: 26rpx;
|
|
&-avatar-group {
|
|
display: flex;
|
|
}
|
|
}
|
|
&-image {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
}
|
|
}
|
|
.news-activity{
|
|
padding: 0 20rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.more-team{
|
|
text-align: center;
|
|
font-size: 28rpx;
|
|
}
|
|
</style>
|