<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>