parent
3e63234a7c
commit
60762f9175
@ -0,0 +1,127 @@ |
||||
<template> |
||||
<page-meta :page-style="$theme.pageStyle"> |
||||
<!-- #ifndef H5 --> |
||||
<navigation-bar |
||||
:front-color="$theme.navColor" |
||||
:background-color="$theme.navBgColor" |
||||
/> |
||||
<!-- #endif --> |
||||
</page-meta> |
||||
|
||||
<view class="ai-creation"> |
||||
<view class="flex-1 min-h-0"> |
||||
<scroll-view scroll-y class="h-full"> |
||||
<view class="py-[14rpx] px-[30rpx]"> |
||||
<u-search |
||||
v-model="keyword" |
||||
placeholder="请输入关键词搜索" |
||||
height="72" |
||||
bg-color="#fff" |
||||
:show-action="false" |
||||
@search="getData()" |
||||
/> |
||||
</view> |
||||
<view class="px-[30rpx]"> |
||||
<template v-for="category in data" :key="category.id"> |
||||
<view |
||||
class="py-[25rpx]" |
||||
v-if=" |
||||
!( |
||||
category.model.length == 0 && |
||||
category.name == '我的收藏' |
||||
) |
||||
" |
||||
> |
||||
<text class="font-medium text-lg">{{ |
||||
category.name |
||||
}}</text> |
||||
</view> |
||||
<view |
||||
class="flex flex-wrap mx-[-10rpx] rounded-[14rpx]" |
||||
> |
||||
<view |
||||
class="w-1/2 px-[10rpx] mb-[20rpx]" |
||||
v-for="item in category.model" |
||||
:key="item.id" |
||||
> |
||||
<view |
||||
class="rounded-[16rpx] py-[24rpx] h-full w-full" |
||||
> |
||||
<router-navigate |
||||
:to="`/packages/pages/create/create?id=${item.id}`" |
||||
> |
||||
<view class="flex w-full"> |
||||
<u-image |
||||
:src="item.image" |
||||
width="76" |
||||
height="76" |
||||
border-radius="8rpx" |
||||
class="flex-none" |
||||
/> |
||||
<view |
||||
class="ml-[14rpx] flex flex-col justify-around min-w-0" |
||||
> |
||||
<view |
||||
class="font-medium text-[30rpx]" |
||||
>{{ item.name }}</view |
||||
> |
||||
<view |
||||
class="text-[24rpx] text-[#666666] truncate" |
||||
>{{ item.tips }}</view |
||||
> |
||||
</view> |
||||
</view> |
||||
</router-navigate> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
</view> |
||||
</scroll-view> |
||||
</view> |
||||
|
||||
<tabbar /> |
||||
</view> |
||||
</template> |
||||
|
||||
<script setup lang="ts"> |
||||
import { getCreationLists } from '@/api/chat' |
||||
import { onLoad, onPullDownRefresh, onShow } from '@dcloudio/uni-app' |
||||
import { ref } from 'vue' |
||||
const keyword = ref('') |
||||
const data = ref<any[]>([]) |
||||
const getData = async () => { |
||||
data.value = await getCreationLists({ |
||||
keyword: keyword.value |
||||
}) |
||||
} |
||||
|
||||
onShow(() => { |
||||
getData() |
||||
}) |
||||
|
||||
onPullDownRefresh(async () => { |
||||
await getData() |
||||
uni.stopPullDownRefresh() |
||||
}) |
||||
</script> |
||||
|
||||
<style lang="scss"> |
||||
page { |
||||
height: 100%; |
||||
} |
||||
|
||||
.ai-creation { |
||||
height: 100%; |
||||
display: flex; |
||||
flex-direction: column; |
||||
background: linear-gradient( |
||||
44.7deg, |
||||
#eaffff 0%, |
||||
#faf6ff 50%, |
||||
#f2f3ff 63%, |
||||
#eaffff 100% |
||||
); |
||||
background-size: cover; |
||||
} |
||||
</style> |
||||
|
After Width: | Height: | Size: 16 KiB |
@ -1,15 +1,15 @@ |
||||
page { |
||||
background-color: $u-bg-color; |
||||
font-size: 28rpx; |
||||
-webkit-font-smoothing: antialiased; |
||||
-moz-osx-font-smoothing: grayscale; |
||||
font-family: theme('fontFamily.sans') |
||||
background-color: $u-bg-color; |
||||
font-size: 28rpx; |
||||
-webkit-font-smoothing: antialiased; |
||||
-moz-osx-font-smoothing: grayscale; |
||||
font-family: theme('fontFamily.sans') |
||||
} |
||||
|
||||
uni-modal { |
||||
z-index: 999999 !important; |
||||
z-index: 999999 !important; |
||||
} |
||||
|
||||
button::after { |
||||
border: initial; |
||||
} |
||||
border: initial; |
||||
} |
||||
Loading…
Reference in new issue