This commit is contained in:
姜棚
parent
52d55badf4
commit
fc4da4d9e8
|
|
@ -269,13 +269,24 @@ export default class acclist extends React.Component {
|
|||
current,
|
||||
pageSize
|
||||
} = this.state;
|
||||
return ( <div id = "dislist" >
|
||||
<TabPage tabs = {this.state.tabList} tabChange = {
|
||||
return ( <
|
||||
div id = "dislist" >
|
||||
<
|
||||
TabPage tabs = {
|
||||
this.state.tabList
|
||||
}
|
||||
tabChange = {
|
||||
(e) => this.tabChange(e)
|
||||
} >
|
||||
<div className = "distable dflexj" >
|
||||
<Button type = "primary" icon = "plus"
|
||||
onClick = {this.clickFn.bind(this)} > 我的模板 </Button> <Ipt icon = "search"
|
||||
<
|
||||
div className = "distable dflexj" >
|
||||
<
|
||||
Button type = "primary"
|
||||
icon = "plus"
|
||||
onClick = {
|
||||
this.clickFn.bind(this)
|
||||
} > 我的模板 < /Button> <
|
||||
Ipt icon = "search"
|
||||
placeholder = {
|
||||
"请输入关键字进行搜索"
|
||||
}
|
||||
|
|
@ -291,9 +302,12 @@ export default class acclist extends React.Component {
|
|||
alignment = {
|
||||
'left'
|
||||
}
|
||||
/> </div> <div >
|
||||
/> <
|
||||
/div> <
|
||||
div >
|
||||
|
||||
<Grid isBorder = {
|
||||
<
|
||||
Grid isBorder = {
|
||||
true
|
||||
}
|
||||
spliteColor = {
|
||||
|
|
|
|||
|
|
@ -226,7 +226,8 @@ delFn(e,row){
|
|||
a onClick={(e)=>{this.delFn(e,rowData)}}
|
||||
className = "grid-link" > 删除 < /a>
|
||||
|
||||
</span>
|
||||
<
|
||||
/span>
|
||||
}
|
||||
}}
|
||||
/>
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@ import "./main.less"
|
|||
import { Switch ,Swiper,Dropdown,DropdownPosition,DropdownClickTrigger,Icon,MenuItem,DropdownContent,Menu } from 'zent';
|
||||
import "../../../assets/comm.css"
|
||||
|
||||
|
||||
import PreviewItem from "./preview.js"
|
||||
import {handelResponse,getSystemTemplate} from "../../../assets/api.js"
|
||||
// <div className="block-selector-list">
|
||||
// <span className="block-selector-list-label">行业：</span>
|
||||
|
|
@ -161,8 +161,8 @@ export default class mytemplate extends React.Component{
|
|||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
@ -181,18 +181,13 @@ export default class mytemplate extends React.Component{
|
|||
|
||||
|
||||
{
|
||||
this.state.preview_visible ? (
|
||||
<div className="preview">
|
||||
<div className="preview-title">
|
||||
<div>手机预览</div>
|
||||
<Icon type="close" className="btn-close" onClick={(e)=>{this.closePhone()}} />
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
) : null
|
||||
<div className="preview-box">
|
||||
|
||||
<PreviewItem />
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -8087,3 +8087,13 @@ textarea::-webkit-input-placeholder {
|
|||
.scroller-page .block-selector-list-label {
|
||||
margin-right: 22px
|
||||
}
|
||||
.preview-box{
|
||||
width: 375px;
|
||||
height: 600px;
|
||||
position: fixed;
|
||||
top: 20%;
|
||||
left: 50%;
|
||||
margin-left: -187.5px;
|
||||
background-color: #FFFFFF;
|
||||
z-index: 99999;
|
||||
}
|
||||
|
|
@ -0,0 +1,69 @@
|
|||
#preview{
|
||||
|
||||
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;
|
||||
}
|
||||
.submit:active{
|
||||
background-color: #F3F5F7;
|
||||
border-radius: 30px;
|
||||
opacity: 0.2;
|
||||
}
|
||||
|
|
@ -2,7 +2,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 "./list.less"
|
||||
|
||||
import {Input,openDialog ,Notify,Switch ,Swiper,Dropdown,DropdownPosition,DropdownClickTrigger,Icon,MenuItem,DropdownContent,Menu,Sweetalert } from 'zent';
|
||||
import "../../../assets/comm.css"
|
||||
import _ from "lodash";
|
||||
|
|
@ -25,8 +25,7 @@ export default class acclist extends React.Component{
|
|||
return(
|
||||
<div id="preview">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue