From 3b0a3bd09fe8af3e50955fb5716f587578ac7c56 Mon Sep 17 00:00:00 2001 From: red-deng-deng <1924913374@qq.com> Date: Tue, 25 Jan 2022 19:09:17 +0800 Subject: [PATCH] =?UTF-8?q?=E6=A8=A1=E6=9D=BF=E9=A2=84=E8=A7=88=E6=95=88?= =?UTF-8?q?=E6=9E=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/App.css | 3 - src/pages/exchangepage/template/main.js | 117 ++++++++++++---- src/pages/exchangepage/template/main.less | 134 +++++++++++++++++-- src/pages/exchangepage/template/preview.js | 31 ++--- src/pages/exchangepage/template/preview.less | 40 ++++-- 5 files changed, 254 insertions(+), 71 deletions(-) diff --git a/src/App.css b/src/App.css index f91c621f..23ac7a11 100644 --- a/src/App.css +++ b/src/App.css @@ -191,6 +191,3 @@ resize: none; z-index: 6; } -.zent-image-upload-list{ - width: 500px !important; -} \ No newline at end of file diff --git a/src/pages/exchangepage/template/main.js b/src/pages/exchangepage/template/main.js index a1206b51..d9061027 100644 --- a/src/pages/exchangepage/template/main.js +++ b/src/pages/exchangepage/template/main.js @@ -1,7 +1,7 @@ import ReactDOM from 'react-dom'; import React, { Component } from 'react'; import { HashRouter as Router, Route, Link } from "react-router-dom"; -import { Button } from 'zent'; +import { Button, RadioGroup,RadioButton} from 'zent'; import "./main.less" import { Switch ,Swiper,Dropdown,DropdownPosition,DropdownClickTrigger,Icon,MenuItem,DropdownContent,Menu,Notify } from 'zent'; import "../../../assets/comm.css" @@ -19,6 +19,7 @@ import {handelResponse,getThemeType,getSystemTemplate,getTheme,copyThemecustom} // // // + window.addEventListener('scroll',function(){ console.log('滚动'); }); @@ -33,9 +34,18 @@ export default class mytemplate extends React.Component{ sourceIndex:0, page:1, typeIndex:0, + showPage:1,//落地页类型 + activeHeight:667, + showType:1, + previewData:{}, + moudleData:{}, + previewwhite:{}, + previewexchange:{}, system_template:[], + pageStep:1, preview_visible:false, topbar:"", + setStyle:{width:'282px',height:'547px'}, top:"", toTopshow:false, toTopFlag:false, @@ -46,7 +56,22 @@ export default class mytemplate extends React.Component{ } pageChange(e){ - } + } + onpageChange(e){ + this.setState({showPage:e.target.value}); + this.setState({pageStep:e.target.value}); + } + onTypeChange(e){ + this.setState({showType:e.target.value,pageStep:1,showPage:1}); + if(e.target.value==1){//白名单 + let previewwhite={...this.state.previewwhite} + this.setState({previewData:previewwhite}); + }else if(e.target.value==3){//兑换码 + let previewexchange={...this.state.previewexchange} + this.setState({previewexchange:previewexchange}); + this.setState({previewData:previewexchange}); + } + } clickFn(){ } @@ -214,22 +239,26 @@ export default class mytemplate extends React.Component{ onPreview(row){ let rowdata={}; - if(row.page==1){//白名单 - rowdata.model=row.access_conf.land; - rowdata.product_list=row.access_conf.product_list; - rowdata.product_detail=row.access_conf.product_detail; - }else if(row.page==3){ - rowdata.model=row.exchange.land; - rowdata.product_list=row.exchange.product_list; - rowdata.product_detail=row.exchange.product_detail; - } + let exchangedata={} + this.setState({moudleData:row}); + rowdata.model=row.access_conf.land; + rowdata.product_list=row.access_conf.product_list; + rowdata.product_detail=row.access_conf.product_detail; + exchangedata.model=row.exchange.land; + exchangedata.product_list=row.exchange.product_list; + exchangedata.product_detail=row.exchange.product_detail; this.setState({preview_url:row.href}) - - this.setState({preview_visible:true}) - this.setState({previewData:rowdata}) - + this.setState({preview_visible:true,showType:row.page}) + this.setState({previewwhite:rowdata}) + this.setState({previewexchange:exchangedata}) + if(row.page==1){ + this.setState({previewData:rowdata}); + }else{ + this.setState({previewData:exchangedata}); + } } onUse(row){ + console.log(258,row); let self=this; if(row.edit == 0) { @@ -287,7 +316,16 @@ export default class mytemplate extends React.Component{ mouseoverFn(){ this.setState({toTopshow:false}); } - + handleSize(width,height){ + let style={width:width+'px',height:height+'px'}; + switch(height){ + case 667:style={width:'282px',height:'547px'};break; + case 750:style={width:'282px',height:'609px'};break; + case 812:style={width:'262px',height:'612px'};break; + case 500:style={width:'358px',height:'500px'};break; + } + this.setState({setStyle:style,activeHeight:height}); + } render(){ return(
落地页预览:
+落地页类型:
+页面类型:
+