Commit 38a3d065 authored by Bill's avatar Bill

fix: 修改pc 装修页tab样式以及商城域名链接

parent 0b925212
...@@ -7,6 +7,8 @@ import styles from './index.less'; ...@@ -7,6 +7,8 @@ import styles from './index.less';
import { enumName, WEB } from '@/constants/environment'; import { enumName, WEB } from '@/constants/environment';
import StatusTag from '@/components/StatusTag'; import StatusTag from '@/components/StatusTag';
import fixture from '@/assets/activity/fixture.png' import fixture from '@/assets/activity/fixture.png'
import { REQUEST_HEADER, TOP_DOMAIN } from '@/constants';
// REQUEST_HEADER
const { Paragraph } = Typography; const { Paragraph } = Typography;
interface Iprops { interface Iprops {
...@@ -18,6 +20,8 @@ interface Iprops { ...@@ -18,6 +20,8 @@ interface Iprops {
endTime: string, endTime: string,
statusName: string, statusName: string,
id: number, id: number,
/** 商城子域名 */
url: string,
/** 1.WEB 2.H5 3.小程序 4.APP */ /** 1.WEB 2.H5 3.小程序 4.APP */
environment: 1 | 2 | 3 | 4 | number, environment: 1 | 2 | 3 | 4 | number,
onRemove?: ((id: number) => void )| null, onRemove?: ((id: number) => void )| null,
...@@ -54,7 +58,8 @@ const ActiveItem: React.FC<Iprops> = (props: Iprops) => { ...@@ -54,7 +58,8 @@ const ActiveItem: React.FC<Iprops> = (props: Iprops) => {
onRemove, onRemove,
status, status,
onChangeStatus, onChangeStatus,
environment environment,
url,
} = props; } = props;
const handleRemove = () => { const handleRemove = () => {
...@@ -104,7 +109,7 @@ const ActiveItem: React.FC<Iprops> = (props: Iprops) => { ...@@ -104,7 +109,7 @@ const ActiveItem: React.FC<Iprops> = (props: Iprops) => {
{ {
environment === WEB && status !== END && ( environment === WEB && status !== END && (
<div className={styles.copyLink}> <div className={styles.copyLink}>
<Paragraph copyable={{ text: `http://b2b.lingxidev.com/activity/${id}` }} /> <Paragraph copyable={{ text: `${REQUEST_HEADER}${url}.${TOP_DOMAIN}/activity/${id}` }} />
</div> </div>
) )
} }
......
...@@ -38,6 +38,27 @@ ...@@ -38,6 +38,27 @@
height: 100%; height: 100%;
overflow: auto; overflow: auto;
:global {
.ant-tabs-nav {
margin-bottom: 0px;
}
.ant-tabs-nav-wrap {
flex: 1;
width: 100%;
padding: 0 16px;
}
.ant-tabs-nav-list {
width: 100%;
}
.ant-tabs-tab {
flex: 1;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
}
.expand-icon { .expand-icon {
position: absolute; position: absolute;
top: 35px; top: 35px;
......
...@@ -128,6 +128,7 @@ const ActivePage = () => { ...@@ -128,6 +128,7 @@ const ActivePage = () => {
endTime={_item.endTime as unknown as string} endTime={_item.endTime as unknown as string}
environment={_item.environment} environment={_item.environment}
status={_item.status} status={_item.status}
url={_item.url}
onRemove={handleRemove} onRemove={handleRemove}
onChangeStatus={onChangeStatus} onChangeStatus={onChangeStatus}
/> />
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment