This commit is contained in:
北海一刀
parent
a44e727f64
commit
78fa8777cd
|
|
@ -295,7 +295,6 @@ export default class menu extends React.Component {
|
|||
}
|
||||
//当前页码条数
|
||||
onCountChange(e){
|
||||
|
||||
this.setState({pageCount:e})
|
||||
}
|
||||
gridPageLoad(){
|
||||
|
|
@ -307,10 +306,6 @@ export default class menu extends React.Component {
|
|||
gridEditChange(e){
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
render() {
|
||||
const {
|
||||
data,
|
||||
|
|
@ -318,9 +313,6 @@ export default class menu extends React.Component {
|
|||
} = this.props;
|
||||
var column_width = 0;
|
||||
|
||||
|
||||
|
||||
|
||||
const auto_column_width = this.state.Column.length > 12 ? "100px" : 100 / (this.state.Column.length + 2) + "%";
|
||||
return ( <div><div className = "gird" style={{"border": this.props.isBorder ? "1px solid #dfe1e6":"none"}} >
|
||||
<div className = "th-head" > {
|
||||
|
|
|
|||
|
|
@ -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 ,ColorPicker } from 'zent';
|
||||
import { Button ,ColorPicker,ImageUpload } from 'zent';
|
||||
import "./main.less"
|
||||
import { Switch ,Swiper,Dropdown,DropdownPosition,DropdownClickTrigger,Icon,MenuItem,DropdownContent,Menu } from 'zent';
|
||||
|
||||
|
|
@ -11,7 +11,8 @@ export default class edittemplate extends React.Component{
|
|||
constructor(props){
|
||||
super(props)
|
||||
this.state={
|
||||
color:"#ffffff"
|
||||
color:"#ffffff",
|
||||
text:"等我两分钟"
|
||||
}
|
||||
}
|
||||
pageChange(e){
|
||||
|
|
@ -25,76 +26,87 @@ export default class edittemplate extends React.Component{
|
|||
|
||||
}
|
||||
colorChange(e){
|
||||
|
||||
this.setState({color:e})
|
||||
}
|
||||
|
||||
componentDidMount(e){
|
||||
setTimeout(()=>{
|
||||
let img = document.getElementsByTagName("img")
|
||||
let center = document.getElementById("center")
|
||||
center.style.height = img[2].clientHeight + "px";
|
||||
},300)
|
||||
}
|
||||
|
||||
|
||||
render(){
|
||||
return(
|
||||
<div className="edittemplate">
|
||||
<div class="xj-wrapper floatFix" style={{ "z-index": "1"}}>
|
||||
<div class="xj-center" style={{ "margin-left": "288px"}}>
|
||||
<div class="editor-main" tabindex="0">
|
||||
<div class="xj-heatmap-btn">
|
||||
<div class="heatmap-btn-wrapper">
|
||||
<div class="xj-heatmap-icon">
|
||||
<div className="xj-wrapper floatFix" style={{ "z-index": "1"}}>
|
||||
<div className="xj-center" style={{ "margin-left": "288px"}}>
|
||||
<div className="editor-main" tabindex="0">
|
||||
<div className="xj-heatmap-btn">
|
||||
<div className="heatmap-btn-wrapper">
|
||||
<div className="xj-heatmap-icon">
|
||||
</div>
|
||||
<div class="xj-heatmap-text">热力预估</div>
|
||||
<div className="xj-heatmap-text">热力预估</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="xj-viewer-title">
|
||||
<span class="xj-viewer-title-line">落地页标题</span>
|
||||
<div className="xj-viewer-title">
|
||||
<span className="xj-viewer-title-line">{this.state.text}</span>
|
||||
</div>
|
||||
<div class="xj-viewer-toolbar" style={{ "bottom": "0px"}}>
|
||||
<div className="xj-viewer-toolbar" style={{ "bottom": "0px"}}>
|
||||
</div>
|
||||
<div class="xj-viewer-bg">
|
||||
<div class="xj-viewer-out">
|
||||
<div class="xj-viewer-mask">
|
||||
<div className="xj-viewer-bg">
|
||||
<div className="xj-viewer-out">
|
||||
<div className="xj-viewer-mask">
|
||||
<div className="top">
|
||||
<img src={"https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/top.png"} id="top"/>
|
||||
</div>
|
||||
<div className="center">
|
||||
<div className="center" id="center">
|
||||
<img src={"https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/center.png"} style={{"position": "absolute","z-index": "1"}}/>
|
||||
<input className="key" maxlength="16" placeholder="请输入key" />
|
||||
<input className="code" maxlength="6" placeholder="请输入验证码" />
|
||||
<div className="submit"></div>
|
||||
</div>
|
||||
<div className="bottom">
|
||||
<img src={"https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/bottom.png"} />
|
||||
</div>
|
||||
</div>
|
||||
<div class="xj-viewer-in" style={{ "padding-bottom": "0px", "background-color": "rgb(255, 255, 255)", "padding-top": "0px"}}>
|
||||
</div>
|
||||
</div>
|
||||
<div class="xj-viewer-img">
|
||||
</div>
|
||||
<span>请在左侧选择页面组件</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="xj-center-fixed" style={{ "margin-left": "288px"}}>
|
||||
<div className="xj-center-fixed" style={{ "margin-left": "288px"}}>
|
||||
</div>
|
||||
<div class="xj-rightPanel">
|
||||
<div class="RootEditor">
|
||||
<div class="schema-editor-container" data-editor-role="XJWebsitePage">
|
||||
<div class="control page-title-control">
|
||||
<div className="xj-rightPanel">
|
||||
<div className="RootEditor">
|
||||
<div className="schema-editor-container" data-editor-role="XJWebsitePage">
|
||||
<div className="control page-title-control">
|
||||
<h1>落地页设置</h1>
|
||||
<div class="page-title-control--content">
|
||||
<div className="page-title-control--content">
|
||||
</div>
|
||||
</div>
|
||||
<div class="editor-title control title-control">
|
||||
<div className="editor-title control title-control">
|
||||
<h2>基础设置</h2>
|
||||
</div>
|
||||
|
||||
<div class="editor-label-container control label-container-control align-baseline">
|
||||
<div class="flex-row">
|
||||
<div class="label" style={{ "width": "80px"}}>
|
||||
<div class="text">落地页标题</div>
|
||||
<div className="editor-label-container control label-container-control align-baseline">
|
||||
<div className="flex-row">
|
||||
<div className="label" style={{ "width": "80px"}}>
|
||||
<div className="text">落地页标题</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="control text-input-control">
|
||||
<div class="editor-input-container">
|
||||
<span class="adp-input adp-input-type-text">
|
||||
<span class="adp-input-inner">
|
||||
<span class="adp-input-prefix">
|
||||
<div className="content">
|
||||
<div className="control text-input-control">
|
||||
<div className="editor-input-container">
|
||||
<span className="adp-input adp-input-type-text">
|
||||
<span className="adp-input-inner">
|
||||
<span className="adp-input-prefix">
|
||||
</span>
|
||||
<span class="adp-input-wrapper">
|
||||
<input maxlength="20" placeholder="落地页标题（对外展示）" value="" />
|
||||
<span className="adp-input-wrapper">
|
||||
<input maxlength="20" placeholder="落地页标题（对外展示）" value={this.state.text} />
|
||||
</span>
|
||||
<span class="adp-input-suffix">0/20</span>
|
||||
<span className="adp-input-suffix">0/20</span>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
|
|
@ -105,13 +117,13 @@ export default class edittemplate extends React.Component{
|
|||
|
||||
|
||||
|
||||
<div class="editor-label-container control label-container-control align-baseline">
|
||||
<div class="flex-row">
|
||||
<div class="label" style={{ "width": "80px"}}>
|
||||
<div class="text">背景</div>
|
||||
<div className="editor-label-container control label-container-control align-baseline">
|
||||
<div className="flex-row">
|
||||
<div className="label" style={{ "width": "80px"}}>
|
||||
<div className="text">背景</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="control text-input-control">
|
||||
<div className="content">
|
||||
<div className="control text-input-control">
|
||||
<ColorPicker color={this.state.color} onChange={(e)=>{this.colorChange(e)}} />
|
||||
<span style={{"margin-top":"10px","margin-left":"10px","font-size":"16px"}}>{this.state.color}</span>
|
||||
</div>
|
||||
|
|
@ -119,6 +131,74 @@ export default class edittemplate extends React.Component{
|
|||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="editor-label-container control label-container-control align-baseline">
|
||||
<div className="flex-row">
|
||||
<div className="label" style={{ "width": "80px"}}>
|
||||
<div className="text">顶图</div>
|
||||
</div>
|
||||
<div className="content">
|
||||
<div className="control text-input-control">
|
||||
<ImageUpload
|
||||
className="zent-image-upload-demo"
|
||||
maxSize={5 * 1024 * 1024}
|
||||
maxAmount={9}
|
||||
multiple
|
||||
sortable
|
||||
tips="单张图片不超过 5M"
|
||||
onChange={this.onUploadChange}
|
||||
onUpload={this.onUpload}
|
||||
onError={this.onUploadError}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="editor-label-container control label-container-control align-baseline">
|
||||
<div className="flex-row">
|
||||
<div className="label" style={{ "width": "80px"}}>
|
||||
<div className="text">中位图</div>
|
||||
</div>
|
||||
<div className="content">
|
||||
<div className="control text-input-control">
|
||||
<ImageUpload
|
||||
className="zent-image-upload-demo"
|
||||
maxSize={5 * 1024 * 1024}
|
||||
maxAmount={1}
|
||||
sortable
|
||||
tips="单张图片不超过 5M"
|
||||
onChange={this.onUploadChange}
|
||||
onUpload={this.onUpload}
|
||||
onError={this.onUploadError}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="editor-label-container control label-container-control align-baseline">
|
||||
<div className="flex-row">
|
||||
<div className="label" style={{ "width": "80px"}}>
|
||||
<div className="text">下位图</div>
|
||||
</div>
|
||||
<div className="content">
|
||||
<div className="control text-input-control">
|
||||
<ImageUpload
|
||||
className="zent-image-upload-demo"
|
||||
maxSize={5 * 1024 * 1024}
|
||||
tips="单张图片不超过 5M"
|
||||
maxAmount={1}
|
||||
sortable
|
||||
onChange={this.onUploadChange}
|
||||
onUpload={this.onUpload}
|
||||
onError={this.onUploadError}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -7552,19 +7552,71 @@ body.hide-all-hot-area .xj-hotarea {
|
|||
padding: 16px 0 17px 24px;
|
||||
}
|
||||
.xj-viewer-mask{
|
||||
.top{
|
||||
width: 100%;
|
||||
height: 200px;
|
||||
background-color: #008000;
|
||||
max-height: 600px;
|
||||
overflow-y: auto;
|
||||
.top{
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
img{
|
||||
width: 100%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.center{
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.bottom{
|
||||
width: 100%;
|
||||
height: auto;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.key{
|
||||
position: absolute;
|
||||
top: 38px;
|
||||
left: 50%;
|
||||
width:200px;
|
||||
height: 30px;
|
||||
z-index: 2;
|
||||
margin-left: -90px;
|
||||
background-color: #f3f5f7;
|
||||
border: none;
|
||||
outline: none;
|
||||
font-size: 14px;
|
||||
}
|
||||
.code{
|
||||
position: absolute;
|
||||
top:88px;
|
||||
left: 50%;
|
||||
width: 100px;
|
||||
height: 36px;
|
||||
z-index: 2;
|
||||
margin-left: -72px;
|
||||
background-color: #f3f5f7;
|
||||
border: none;
|
||||
outline: none;
|
||||
font-size: 14px;
|
||||
}
|
||||
.submit{
|
||||
position: absolute;
|
||||
top: 1.5rem;
|
||||
left: 50%;
|
||||
width: 3rem;
|
||||
height: 0.4rem;
|
||||
margin-left: -1.5rem;
|
||||
z-index: 2;
|
||||
background-color: transparent;
|
||||
}
|
||||
.center{
|
||||
width: 100%;
|
||||
height: 200px;
|
||||
background-color: #00aaff;
|
||||
}
|
||||
.bottom{
|
||||
width: 100%;
|
||||
height: 200px;
|
||||
background-color: #ff5500;
|
||||
.submit:active{
|
||||
background-color: #F3F5F7;
|
||||
border-radius: 30px;
|
||||
opacity: 0.2;
|
||||
}
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -47,7 +47,7 @@ export default class acclist extends React.Component{
|
|||
prop:'username',
|
||||
className: 'name',
|
||||
type: "normal",
|
||||
width:'auto'
|
||||
width:'auto',
|
||||
},{
|
||||
title: '启用',
|
||||
width:'auto',
|
||||
|
|
@ -120,6 +120,7 @@ export default class acclist extends React.Component{
|
|||
type: "normal",
|
||||
prop:'name',
|
||||
width:'auto',
|
||||
sort: true,
|
||||
},{
|
||||
title: '沉默总价(预估)',
|
||||
name: 'stock22',
|
||||
|
|
|
|||
Loading…
Reference in New Issue