<template>
	<view>
		<iframe src="https://www.baidu.com/" class="iframe-box" frameborder="0" allowfullscreen>
		</iframe>


		<gap />

		<view class="operate">
			<view class="operate-item">
				买入/做多
			</view>
			<view class="operate-item">
				卖出/做空
			</view>
		</view>
		
		<openPopup ref="openPopupRef" />
		<popupHint ref="hintRef">
			<template #hintContent>
				<view class="">
					赠金交易是BiKing交易所的赠品交易系统，交易盈利部分可实时划转至合约钱包。
				</view>
				<view class="">
					赠金获取方式:
				</view>
				
				<view class="content-list">
					<text>1. 完成任务中心的各项任务</text>
					<text>2. 参与平台活动</text>
					<text>3. 不定期新老用户赠金空投</text>
				</view>
				<view class="">
					更多内容请点击<text class="explain">《赠金交易》</text>
				</view>
				
				<view class="hite-box"  @click.stop="readPact = !readPact">
					<text class="box">
						<text v-show="readPact" class="iconfont2">&#xe6c5;</text>
					</text>
					<text>不在提示</text>
				</view>
				<view class="confirm-btn" @click.stop="confirmHiteBtn">
					确定
				</view>
			</template>
		</popupHint>
	</view>
</template>

<script>
	import openPopup from "./open.vue"
	import popupHint from "../modules/popup-hint.vue"
	export default {
		name: 'login',
		components:{openPopup , popupHint},
		data() {
			return {
				readPact : false
			};
		},
		created() {
			this.openPactPopup()
		},
		methods:{
			openPactPopup() {
				const readPactObj = this.$getStorageSync('contractReadPact');
				if (readPactObj && !readPactObj.capitalPact) {
					this.readPact = false
					this.$nextTick(() => {
						this.$refs.hintRef.open()
					})
				}
			
			},
			// 提示弹框确认按钮
			confirmHiteBtn() {
				// t.readPact
				const readPactObj = this.$getStorageSync('contractReadPact') || {}
			
				readPactObj.capitalPact = this.readPact
				this.$setStorageSync('contractReadPact', readPactObj)
				this.$refs.hintRef.close();
			}
		}
	}
</script>

<style lang="scss" scoped>
	.iframe-box {
		width: 100%;
		min-height: 800rpx;
	}

	.operate {
		padding: 30rpx $pages-padding 0;
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		.operate-item{
			width: 338rpx;
			height: 80rpx;
			text-align: center;
			line-height: 80rpx;
			background: #05c175;
			border-radius: 8rpx;
			font-size: 28rpx;
			font-family: PingFang SC, PingFang SC-Bold;
			font-weight: 700; 
			color: #ffffff;
			& + .operate-item{
				background-color: #EF3E58;
			}
		}

	}
</style>