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 = { |
||||
plugins: { |
||||
tailwindcss: {}, |
||||
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