Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
M
mongo-ui
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
ui
mongo-ui
Commits
797a7152
Commit
797a7152
authored
Jul 23, 2020
by
郭志伟
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
fix: 文本调整,样式问题修复
parent
53293670
Changes
8
Hide whitespace changes
Inline
Side-by-side
Showing
8 changed files
with
40 additions
and
27 deletions
+40
-27
Copyright.vue
src/components/Copyright.vue
+1
-1
detail.less
src/views/Goods/detail.less
+4
-3
detail.vue
src/views/Goods/detail.vue
+24
-17
index.less
src/views/Goods/index.less
+1
-0
index.vue
src/views/Goods/index.vue
+6
-3
inform.less
src/views/Goods/inform.less
+1
-0
DetailHeader.vue
src/views/Goods/modules/DetailHeader.vue
+1
-1
GoInsureDialog.vue
src/views/Goods/modules/GoInsureDialog.vue
+2
-2
No files found.
src/components/Copyright.vue
View file @
797a7152
...
@@ -25,7 +25,7 @@ export default {
...
@@ -25,7 +25,7 @@ export default {
line-height: @line-height-sm + 2;
line-height: @line-height-sm + 2;
&-logo {
&-logo {
text-align: center;
text-align: center;
margin-bottom: 1
9
px;
margin-bottom: 1
0
px;
img {
img {
width: 111px;
width: 111px;
height: 35px;
height: 35px;
...
...
src/views/Goods/detail.less
View file @
797a7152
...
@@ -6,7 +6,8 @@
...
@@ -6,7 +6,8 @@
}
}
.container {
.container {
background-color: @background-color;
background-color: @background-color;
margin-bottom: 80px;
margin-bottom: 60px;
overflow: hidden;
}
}
.plan-tip {
.plan-tip {
font-size: @font-size-11;
font-size: @font-size-11;
...
@@ -14,12 +15,12 @@
...
@@ -14,12 +15,12 @@
line-height: @line-height-sm;
line-height: @line-height-sm;
margin-top: 14px;
margin-top: 14px;
.svg-icon {
.svg-icon {
margin-right:
1
px;
margin-right:
4
px;
width: 12px;
width: 12px;
height: 12px;
height: 12px;
}
}
&_offset {
&_offset {
margin-right:
2
px;
margin-right:
9
px;
}
}
}
}
...
...
src/views/Goods/detail.vue
View file @
797a7152
...
@@ -7,7 +7,7 @@
...
@@ -7,7 +7,7 @@
<compactCellGroup
:cell-data=
"planCellData"
:text-bold=
"true"
/>
<compactCellGroup
:cell-data=
"planCellData"
:text-bold=
"true"
/>
<div
class=
"plan-tip"
>
<div
class=
"plan-tip"
>
<svg-icon
icon-class=
"check-circle"
/>
<svg-icon
icon-class=
"check-circle"
/>
<span
class=
"plan-tip_offset"
>
垫付医药费
轻症赔付后,重疾保障继续有效
</span>
<span
class=
"plan-tip_offset"
>
轻症赔付后,重疾保障继续有效
</span>
<svg-icon
icon-class=
"check-circle"
/>
<svg-icon
icon-class=
"check-circle"
/>
<span>
可逐年续保至99岁
</span>
<span>
可逐年续保至99岁
</span>
</div>
</div>
...
@@ -91,7 +91,7 @@
...
@@ -91,7 +91,7 @@
</div>
</div>
<detail-footer
/>
<detail-footer
/>
<copyright
/>
<copyright
/>
<good-action
@
click=
"goInsureState = true"
/>
<good-action
@
click=
"goInsureState = true"
@
leftClick=
"showLayer = true"
/>
<protocol-iframe
<protocol-iframe
v-model=
"popupShow"
v-model=
"popupShow"
:title=
"pupopData.title"
:title=
"pupopData.title"
...
@@ -101,6 +101,7 @@
...
@@ -101,6 +101,7 @@
<cps-process-detail
v-if=
"currentPupopIndex === 5"
/>
<cps-process-detail
v-if=
"currentPupopIndex === 5"
/>
<cps-rate
v-if=
"currentPupopIndex === 6"
/>
<cps-rate
v-if=
"currentPupopIndex === 6"
/>
</protocol-iframe>
</protocol-iframe>
<record-layer
v-model=
"showLayer"
desc=
"敬请期待"
/>
<go-insure-dialog
v-model=
"goInsureState"
/>
<go-insure-dialog
v-model=
"goInsureState"
/>
</div>
</div>
</
template
>
</
template
>
...
@@ -125,6 +126,7 @@ import crRadioBtn from "@/components/CrRadioBtn";
...
@@ -125,6 +126,7 @@ import crRadioBtn from "@/components/CrRadioBtn";
import
card
from
"
@/components/Card
"
;
import
card
from
"
@/components/Card
"
;
import
copyright
from
"
@/components/Copyright
"
;
import
copyright
from
"
@/components/Copyright
"
;
import
goodAction
from
"
@/components/GoodAction
"
;
import
goodAction
from
"
@/components/GoodAction
"
;
import
RecordLayer
from
"
@/components/RecordLayer
"
;
export
default
{
export
default
{
name
:
"
GoodsDetail
"
,
name
:
"
GoodsDetail
"
,
...
@@ -142,7 +144,8 @@ export default {
...
@@ -142,7 +144,8 @@ export default {
goodAction
,
goodAction
,
protocolIframe
,
protocolIframe
,
cpsProcessDetail
,
cpsProcessDetail
,
cpsRate
cpsRate
,
RecordLayer
},
},
data
()
{
data
()
{
return
{
return
{
...
@@ -159,19 +162,6 @@ export default {
...
@@ -159,19 +162,6 @@ export default {
value
:
""
value
:
""
}
}
],
],
noticeCellData
:
[
{
title
:
"
投保年龄
"
,
value
:
"
30~6周岁
"
},
{
title
:
"
保障期限
"
,
value
:
"
1年(可续保至99周岁)
"
},
{
title
:
"
等待期
"
,
value
:
"
90天
"
},
{
title
:
"
保费
"
,
value
:
{
needSlot
:
true
,
tpl
:
"
保费与保额、被保人年龄有关<br />首月3元,次月5.6元/月起
"
,
longTxt
:
true
}
}
],
planOptions
:
[
planOptions
:
[
{
label
:
"
30万
"
,
value
:
"
3
"
},
{
label
:
"
30万
"
,
value
:
"
3
"
},
{
label
:
"
20万
"
,
value
:
"
2
"
},
{
label
:
"
20万
"
,
value
:
"
2
"
},
...
@@ -221,7 +211,8 @@ export default {
...
@@ -221,7 +211,8 @@ export default {
auto
:
false
,
auto
:
false
,
pact
:
false
pact
:
false
},
},
goInsureState
:
false
goInsureState
:
false
,
showLayer
:
false
};
};
},
},
computed
:
{
computed
:
{
...
@@ -266,6 +257,22 @@ export default {
...
@@ -266,6 +257,22 @@ export default {
break
;
break
;
}
}
return
_data
;
return
_data
;
},
noticeCellData
()
{
const
{
planValue
}
=
this
.
formData
;
return
[
{
title
:
"
投保年龄
"
,
value
:
`30~
${
planValue
===
"
3
"
?
5
:
6
}
0周岁`
},
{
title
:
"
保障期限
"
,
value
:
"
1年(可续保至99周岁)
"
},
{
title
:
"
等待期
"
,
value
:
"
90天
"
},
{
title
:
"
保费
"
,
value
:
{
needSlot
:
true
,
tpl
:
"
保费与保额、被保人年龄有关<br />首月3元,次月5.6元/月起
"
,
longTxt
:
true
}
}
];
}
}
},
},
methods
:
{
methods
:
{
...
...
src/views/Goods/index.less
View file @
797a7152
...
@@ -3,6 +3,7 @@
...
@@ -3,6 +3,7 @@
.container {
.container {
background-color: @background-color;
background-color: @background-color;
margin-bottom: 60px;
}
}
.goods-head {
.goods-head {
width: 100% !important;
width: 100% !important;
...
...
src/views/Goods/index.vue
View file @
797a7152
...
@@ -10,24 +10,27 @@
...
@@ -10,24 +10,27 @@
</cr-sticky>
-->
</cr-sticky>
-->
<good-list
:list=
"goodsList"
/>
<good-list
:list=
"goodsList"
/>
<record-layer
v-model=
"showLayer"
desc=
"敬请期待"
></record-layer>
<record-layer
v-model=
"showLayer"
desc=
"敬请期待"
></record-layer>
<ai-test-tip
@
click.native=
"showLayer = true"
/>
<!--
<ai-test-tip
@
click.native=
"showLayer = true"
/>
-->
<copyright
:logo=
"true"
/>
<tabbar></tabbar>
<tabbar></tabbar>
</div>
</div>
</
template
>
</
template
>
<
script
>
<
script
>
import
AiTestTip
from
"
./modules/AiTestTip
"
;
//
import AiTestTip from "./modules/AiTestTip";
import
GoodList
from
"
@/components/GoodList/index
"
;
import
GoodList
from
"
@/components/GoodList/index
"
;
import
Tabbar
from
"
@/components/Tabbar
"
;
import
Tabbar
from
"
@/components/Tabbar
"
;
import
goodsList
from
"
@/api/goodsList.mock
"
;
import
goodsList
from
"
@/api/goodsList.mock
"
;
import
copyright
from
"
@/components/Copyright
"
;
import
RecordLayer
from
"
@/components/RecordLayer
"
;
import
RecordLayer
from
"
@/components/RecordLayer
"
;
export
default
{
export
default
{
name
:
"
GoodsList
"
,
name
:
"
GoodsList
"
,
components
:
{
components
:
{
AiTestTip
,
//
AiTestTip,
GoodList
,
GoodList
,
Tabbar
,
Tabbar
,
copyright
,
RecordLayer
RecordLayer
},
},
data
()
{
data
()
{
...
...
src/views/Goods/inform.less
View file @
797a7152
...
@@ -3,6 +3,7 @@
...
@@ -3,6 +3,7 @@
background-color: @white;
background-color: @white;
padding-top: 15px;
padding-top: 15px;
margin-bottom: 60px;
margin-bottom: 60px;
overflow: hidden;
}
}
.inform {
.inform {
&-notice {
&-notice {
...
...
src/views/Goods/modules/DetailHeader.vue
View file @
797a7152
...
@@ -20,7 +20,7 @@
...
@@ -20,7 +20,7 @@
<cr-button
type=
"warning"
block
@
click=
"btnClick"
>
立即开启保障
</cr-button>
<cr-button
type=
"warning"
block
@
click=
"btnClick"
>
立即开启保障
</cr-button>
<div
class=
"det-hd-insured-people"
>
<div
class=
"det-hd-insured-people"
>
已有
已有
<em>
31492
</em>
位用户投保
<em>
0
</em>
位用户投保
</div>
</div>
</div>
</div>
</div>
</div>
...
...
src/views/Goods/modules/GoInsureDialog.vue
View file @
797a7152
...
@@ -50,11 +50,11 @@ export default {
...
@@ -50,11 +50,11 @@ export default {
return
{
return
{
show
:
false
,
show
:
false
,
payCellData
:
[
payCellData
:
[
{
title
:
"
首月保费
"
,
value
:
"
1
元
"
},
{
title
:
"
首月保费
"
,
value
:
"
3
元
"
},
{
{
title
:
"
次月保费
"
,
title
:
"
次月保费
"
,
value
:
{
value
:
{
tpl
:
"
100.00元/月
(共11期)
"
,
tpl
:
"
5.6元/月起
(共11期)
"
,
longTxt
:
true
longTxt
:
true
}
}
}
}
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment