60 lines
2.0 KiB
Vue
60 lines
2.0 KiB
Vue
<template>
|
||
<view class="w-full flex flex-col">
|
||
<view class="flex flex-col items-center">
|
||
<image
|
||
src="https://api-static-zhiy.oss-cn-shanghai.aliyuncs.com/images/ad-banner/toubu.png "
|
||
mode="scaleToFill"
|
||
class="w-full h-[538rpx]"
|
||
/>
|
||
<image
|
||
src="https://api-static-zhiy.oss-cn-shanghai.aliyuncs.com/images/ad-banner/mingzi.png"
|
||
mode="scaleToFill"
|
||
class="h-[44rpx] w-[420rpx] bg-transparent mt-[-78rpx]"
|
||
/>
|
||
</view>
|
||
|
||
<view
|
||
class="rounded-[0rpx_0rpx_20rpx_20rpx] h-[474rpx] ml-[36rpx] mr-[38rpx] bg-white px-[24rpx] pt-[28rpx] pb-[18rpx]"
|
||
>
|
||
<view class="flex items-center">
|
||
<image
|
||
src="https://api-static-zhiy.oss-cn-shanghai.aliyuncs.com/images/ad-banner/xuexiao.png"
|
||
mode="scaleToFill"
|
||
class="w-[214rpx] h-[180rpx] min-w-[214rpx]"
|
||
@click="
|
||
previewImg(
|
||
['https://api-static-zhiy.oss-cn-shanghai.aliyuncs.com/images/ad-banner/xuexiao.png'],
|
||
0,
|
||
)
|
||
"
|
||
/>
|
||
|
||
<view class="text-[26rpx] text-[#3d3d3d] ml-[16rpx] text-wrap">
|
||
经济南市教育局批准成立的十二年一贯制学校，由山东锦泽实业集团投资创办，坐落于济南市平阴县深泉路1号，占地12万平方米，环境清幽，设施一流。
|
||
</view>
|
||
</view>
|
||
<image
|
||
src="https://api-static-zhiy.oss-cn-shanghai.aliyuncs.com/images/ad-banner/tifen.png"
|
||
mode="scaleToFill"
|
||
class="h-[234rpx]"
|
||
/>
|
||
<view class="grid grid-cols-[1fr_2fr_1fr] text-[#333] text-[26rpx] gap-[10prx] mt-[6rpx]">
|
||
<view class="justify-self-center">轻松可提</view>
|
||
<view class="justify-self-center">复读生平均提分</view>
|
||
<view class="justify-self-center">逆袭最高提分</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script lang="ts" setup>
|
||
const previewImg = (imgs: string[], index: number) => {
|
||
uni.previewImage({
|
||
urls: imgs,
|
||
current: index,
|
||
})
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped></style>
|