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.
84 lines
1.8 KiB
84 lines
1.8 KiB
<template>
|
|
<view>
|
|
<view class="content photo_back">
|
|
<custom_navbar :title="navbar_title" @getNavHeight="getNavHeight" :theme="theme" />
|
|
<view class="photo_main" :style="'margin-top:'+margin_top+'px'">
|
|
<view class="photo_tem_1">
|
|
<view class="photo_tem_1_head">
|
|
<view class="photo_tem_1_head_1">
|
|
<image mode="aspectFill"
|
|
src="https://img30.360buyimg.com/sku/jfs/t1/221254/4/39390/74349/661e039aF46114279/48532008a0001dd0.jpg" />
|
|
</view>
|
|
<view class="photo_tem_1_head_2">
|
|
<view class="photo_tem_1_head_2_1">复古港风</view>
|
|
<view class="photo_tem_1_head_2_2">走进中国香港90年代的繁华</view>
|
|
</view>
|
|
<view class="photo_tem_1_head_3">
|
|
<view class="y_btn">
|
|
免费
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="photo_tem_1_2">
|
|
<u-swiper :list="photo_list"
|
|
indicator indicatorMode="line"
|
|
circular
|
|
radius="24rpx"
|
|
height="880rpx"
|
|
|
|
></u-swiper>
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="photo_tem_2">
|
|
使用模板生成
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import custom_navbar from "./components/photo_header.vue";
|
|
export default {
|
|
components: {
|
|
custom_navbar
|
|
|
|
},
|
|
data() {
|
|
return {
|
|
navbar_title: 'AI写真',
|
|
theme: "white",
|
|
margin_top: 10,
|
|
photo_list: [
|
|
'https://img30.360buyimg.com/sku/jfs/t1/221254/4/39390/74349/661e039aF46114279/48532008a0001dd0.jpg',
|
|
|
|
'https://img30.360buyimg.com/sku/jfs/t1/221254/4/39390/74349/661e039aF46114279/48532008a0001dd0.jpg',
|
|
'https://img30.360buyimg.com/sku/jfs/t1/221254/4/39390/74349/661e039aF46114279/48532008a0001dd0.jpg',
|
|
],
|
|
|
|
}
|
|
},
|
|
|
|
mounted() {
|
|
|
|
},
|
|
methods: {
|
|
|
|
getNavHeight(e) {
|
|
this.margin_top += e;
|
|
}
|
|
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
@import './this.scss';
|
|
</style> |