e
3 years ago
parent
66fd9a4930
commit
1464b5300d
20 changed files with 1720 additions and 326 deletions
File diff suppressed because it is too large
Load Diff
@ -1,5 +1,6 @@ |
|||||||
module.exports = { |
module.exports = { |
||||||
plugins: { |
plugins: { |
||||||
|
tailwindcss: {}, |
||||||
autoprefixer: {} |
autoprefixer: {} |
||||||
} |
} |
||||||
} |
} |
||||||
|
|||||||
@ -1,30 +0,0 @@ |
|||||||
export const messages = { |
|
||||||
'zh': { |
|
||||||
i18n: { |
|
||||||
breadcrumb: '国际化产品', |
|
||||||
tips: '通过切换语言按钮，来改变当前内容的语言。', |
|
||||||
btn: '切换英文', |
|
||||||
title1: '常用用法', |
|
||||||
p1: '要是你把你的秘密告诉了风，那就别怪风把它带给树。', |
|
||||||
p2: '没有什么比信念更能支撑我们度过艰难的时光了。', |
|
||||||
p3: '只要能把自己的事做好，并让自己快乐，你就领先于大多数人了。', |
|
||||||
title2: '组件插值', |
|
||||||
info: 'Element组件需要国际化，请参考 {action}。', |
|
||||||
value: '文档' |
|
||||||
} |
|
||||||
}, |
|
||||||
'en': { |
|
||||||
i18n: { |
|
||||||
breadcrumb: 'International Products', |
|
||||||
tips: 'Click on the button to change the current language. ', |
|
||||||
btn: 'Switch Chinese', |
|
||||||
title1: 'Common usage', |
|
||||||
p1: "If you reveal your secrets to the wind you should not blame the wind for revealing them to the trees.", |
|
||||||
p2: "Nothing can help us endure dark times better than our faith. ", |
|
||||||
p3: "If you can do what you do best and be happy, you're further along in life than most people.", |
|
||||||
title2: 'Component interpolation', |
|
||||||
info: 'The default language of Element is Chinese. If you wish to use another language, please refer to the {action}.', |
|
||||||
value: 'documentation' |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
@ -0,0 +1,51 @@ |
|||||||
|
.submitBtn { |
||||||
|
position: absolute; |
||||||
|
width: 300px; |
||||||
|
font-size: 18px; |
||||||
|
height: 68px; |
||||||
|
border-radius: 10px; |
||||||
|
bottom: 10px; |
||||||
|
left: 50%; |
||||||
|
transform: translate(-50%, -50%); |
||||||
|
} |
||||||
|
|
||||||
|
.popBody { |
||||||
|
min-height: 200px; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: center; |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
|
||||||
|
.popBtns { |
||||||
|
display: flex; |
||||||
|
justify-content: space-between; |
||||||
|
align-items: center; |
||||||
|
} |
||||||
|
|
||||||
|
.popBtns .btn { |
||||||
|
width: 180px; |
||||||
|
border-radius: 10px; |
||||||
|
font-size: 18px; |
||||||
|
} |
||||||
|
|
||||||
|
.popBtns .close { |
||||||
|
background: #CFDEFF; |
||||||
|
color: #6191FF; |
||||||
|
} |
||||||
|
|
||||||
|
.popBtns .sure { |
||||||
|
background: #6191FF; |
||||||
|
color: #fff; |
||||||
|
} |
||||||
|
|
||||||
|
.idCard { |
||||||
|
cursor: pointer; |
||||||
|
border-radius: 5px; |
||||||
|
background: #CFDDFF; |
||||||
|
text-align: center; |
||||||
|
height: 68px; |
||||||
|
line-height: 68px; |
||||||
|
font-size: 18px; |
||||||
|
color: #6191FF; |
||||||
|
} |
||||||
@ -0,0 +1 @@ |
|||||||
|
.submitBtn{position:absolute;width:300px;font-size:18px;height:68px;border-radius:10px;bottom:10px;left:50%;transform:translate(-50%, -50%)}.popBody{min-height:200px;display:flex;align-items:center;justify-content:center;text-align:center}.popBtns{display:flex;justify-content:space-between;align-items:center}.popBtns .btn{width:180px;border-radius:10px;font-size:18px}.popBtns .close{background:#CFDEFF;color:#6191FF}.popBtns .sure{background:#6191FF;color:#fff}.idCard{cursor:pointer;border-radius:5px;background:#CFDDFF;text-align:center;height:68px;line-height:68px;font-size:18px;color:#6191FF} |
||||||
@ -0,0 +1,45 @@ |
|||||||
|
.submitBtn{ |
||||||
|
position: absolute; |
||||||
|
width: 300px; |
||||||
|
font-size: 18px; |
||||||
|
height: 68px; |
||||||
|
border-radius: 10px; |
||||||
|
bottom: 10px; |
||||||
|
left: 50%; |
||||||
|
transform: translate(-50%,-50%); |
||||||
|
} |
||||||
|
.popBody{ |
||||||
|
min-height: 200px; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: center; |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
.popBtns{ |
||||||
|
display: flex; |
||||||
|
justify-content: space-between; |
||||||
|
align-items: center; |
||||||
|
.btn{ |
||||||
|
width: 180px; |
||||||
|
border-radius: 10px; |
||||||
|
font-size: 18px; |
||||||
|
} |
||||||
|
.close{ |
||||||
|
background: #CFDEFF; |
||||||
|
color: #6191FF; |
||||||
|
} |
||||||
|
.sure{ |
||||||
|
background: #6191FF; |
||||||
|
color: #fff; |
||||||
|
} |
||||||
|
} |
||||||
|
.idCard{ |
||||||
|
cursor: pointer; |
||||||
|
border-radius: 5px; |
||||||
|
background: #CFDDFF; |
||||||
|
text-align: center; |
||||||
|
height: 68px; |
||||||
|
line-height: 68px; |
||||||
|
font-size: 18px; |
||||||
|
color: #6191FF; |
||||||
|
} |
||||||
@ -0,0 +1,11 @@ |
|||||||
|
module.exports = { |
||||||
|
purge: [], |
||||||
|
darkMode: false, // or 'media' or 'class'
|
||||||
|
theme: { |
||||||
|
extend: {}, |
||||||
|
}, |
||||||
|
variants: { |
||||||
|
extend: {}, |
||||||
|
}, |
||||||
|
plugins: [], |
||||||
|
} |
||||||
Loading…
Reference in new issue