Skip to content

Harvey / ydu-lottery-shop-app

转到一个项目
切换导航栏
切换导航栏固定状态
Commit c49c2ec4 由 Harvey
选项

适配 max-width:769;

1 个父辈 0231b915
内嵌 并排
正在显示 10 个修改的文件 包含 36 行增加 和 32 行删除
src/pages.json
...@@ -82,7 +82,8 @@ ...@@ -82,7 +82,8 @@
"navigationBarTextStyle": "black", "navigationBarTextStyle": "black",
"navigationBarTitleText": "一定牛彩店", "navigationBarTitleText": "一定牛彩店",
"navigationBarBackgroundColor": "#F1F1F1", "navigationBarBackgroundColor": "#F1F1F1",
"backgroundColor": "#F1F1F1" "backgroundColor": "#F1F1F1",
"maxWidth":"769"
}, },
"tabBar": { "tabBar": {
"color": "#7A7E83", "color": "#7A7E83",
......
src/pages/auth/login.vue
...@@ -122,7 +122,7 @@ ...@@ -122,7 +122,7 @@
} }
</script> </script>
<style> <style lang="scss" scoped>
.body { .body {
font-family: Helvetica; font-family: Helvetica;
font-weight: 400; font-weight: 400;
......
src/pages/center/adv.vue
...@@ -133,7 +133,7 @@ ...@@ -133,7 +133,7 @@
} }
</script> </script>
<style> <style lang="scss" scoped>
.panel { .panel {
font-size: 14px; font-size: 14px;
} }
...@@ -162,7 +162,7 @@ ...@@ -162,7 +162,7 @@
} }
.panel-txt { .panel-txt {
width: calc(100vw - 40px); width: calc(100% - 40px);
margin: 5px 20px; margin: 5px 20px;
background-color: #F5F5F5; background-color: #F5F5F5;
} }
......
src/pages/center/index.vue
...@@ -72,14 +72,14 @@ ...@@ -72,14 +72,14 @@
} }
</script> </script>
<style> <style lang="scss" scoped>
page { page {
background-color: #F5F5F5; background-color: #F5F5F5;
} }
.header-content { .header-content {
background-color: #D23338; background-color: #D23338;
width: 100vw; width: 100%;
height: 77px; height: 77px;
display: flex; display: flex;
} }
......
src/pages/center/share.vue
...@@ -34,19 +34,18 @@ ...@@ -34,19 +34,18 @@
} }
</script> </script>
<style scoped> <style lang="scss" scoped>
.page-content { .page-content {}
width: 80vw;
padding: 10px 5vw 44px 5vw;
}
.page-content image { .page-content image {
width: 90vw; width: 90%;
margin: 10px 5%;
} }
.page-tabbar { .page-tabbar {
display: flex; display: flex;
position: fixed; position: fixed;
max-width: $sys-max-width;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
height: 44px; height: 44px;
...@@ -57,7 +56,7 @@ ...@@ -57,7 +56,7 @@
} }
.page-tabbar-tip { .page-tabbar-tip {
width: 33vw; width: 33%;
height: 44px; height: 44px;
line-height: 44px; line-height: 44px;
text-align: center; text-align: center;
......
src/pages/center/suggest.vue
<template> <template>
<view class="page"> <view class="page">
<textarea class="textarea" v-model="txt" placeholder="可以提出您想实现的彩店功能、或者对现有产品的改进"></textarea> <textarea class="textarea" v-model="txt" maxlength="300" placeholder="可以提出您想实现的彩店功能、或者对现有产品的改进"></textarea>
<button type="default" class="btn" @click="save">提交</button> <button type="default" class="btn" @click="save">提交</button>
</view> </view>
</template> </template>
...@@ -27,22 +27,22 @@ ...@@ -27,22 +27,22 @@
} }
</script> </script>
<style scoped> <style lang="scss" scoped>
body { body {
max-width: 769px; max-width: $sys-max-width;
-webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent;
box-shadow: 0 2px 2px rgb(0 0 0 / 30%); box-shadow: 0 2px 2px rgb(0 0 0 / 30%);
} }
.page { .page {
width: 100vw; width: 100%;
height: 100vh; height: 100vh;
background-color: #F1F1F1; background-color: #F1F1F1;
font-size: 14px; font-size: 14px;
} }
.textarea { .textarea {
width: calc(100vw - 20px); width: calc(100% - 20px);
padding: 10px; padding: 10px;
min-height: 150px; min-height: 150px;
background-color: #FFFFFF; background-color: #FFFFFF;
......
src/pages/index/index.vue
...@@ -129,7 +129,7 @@ ...@@ -129,7 +129,7 @@
} }
.menu-item { .menu-item {
width: 20vw; width: 22%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
......
src/pages/tv/info.vue
...@@ -81,14 +81,12 @@ ...@@ -81,14 +81,12 @@
} }
</script> </script>
<style scoped> <style lang="scss" scoped>
.page-content { .page-content {}
width: 80vw;
padding: 10px 5vw 44px 5vw;
}
.page-content image { .page-content image {
width: 90vw; width: 90%;
margin: 10px 5%;
} }
.page-tabbar { .page-tabbar {
...@@ -96,6 +94,8 @@ ...@@ -96,6 +94,8 @@
position: fixed; position: fixed;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
max-width: $sys-max-width;
height: 44px; height: 44px;
background-color: #F8F8F8; background-color: #F8F8F8;
justify-content: space-around; justify-content: space-around;
...@@ -104,7 +104,7 @@ ...@@ -104,7 +104,7 @@
} }
.page-tabbar-tip { .page-tabbar-tip {
width: 33vw; width: 33%;
height: 44px; height: 44px;
line-height: 44px; line-height: 44px;
text-align: center; text-align: center;
...@@ -120,6 +120,7 @@ ...@@ -120,6 +120,7 @@
.popup-content { .popup-content {
width: 80vw; width: 80vw;
max-width: 520px;
padding: 20px 20px 38px 20px; padding: 20px 20px 38px 20px;
background-color: #FFFFFF; background-color: #FFFFFF;
color: #101010; color: #101010;
...@@ -131,7 +132,7 @@ ...@@ -131,7 +132,7 @@
.popup-copy { .popup-copy {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: calc((80vw - 56px) / 2); left: calc((100% - 50px) / 2);
color: #DAB16B; color: #DAB16B;
font-size: 16px; font-size: 16px;
padding-bottom: 10px; padding-bottom: 10px;
......
src/pages/tv/list.vue
...@@ -113,16 +113,16 @@ ...@@ -113,16 +113,16 @@
} }
</script> </script>
<style scoped> <style lang="scss" scoped>
.top-nav { .top-nav {
display: flex; display: flex;
padding: 2vw; padding: 10px;
flex-wrap: wrap; flex-wrap: wrap;
} }
.top-nav-btn { .top-nav-btn {
margin-top: 8px; margin-top: 8px;
width: 20vw; width: 22%;
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
color: #666666; color: #666666;
...@@ -141,12 +141,12 @@ ...@@ -141,12 +141,12 @@
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-around; justify-content: space-around;
padding: 20px 8px 30vh 8px; padding: 20px 8px 30px 8px;
} }
.left, .left,
.right { .right {
width: 46vw; width: 46%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: flex-start; justify-content: flex-start;
......
src/uni.scss
...@@ -74,3 +74,6 @@ $uni-color-subtitle: #555555; // 二级标题颜色 ...@@ -74,3 +74,6 @@ $uni-color-subtitle: #555555; // 二级标题颜色
$uni-font-size-subtitle:36rpx; $uni-font-size-subtitle:36rpx;
$uni-color-paragraph: #3F536E; // 文章段落颜色 $uni-color-paragraph: #3F536E; // 文章段落颜色
$uni-font-size-paragraph:30rpx; $uni-font-size-paragraph:30rpx;
$sys-max-width:769px;
\ No newline at end of file \ No newline at end of file
支持 Markdown 格式
你添加了 0 人 到此讨论。请谨慎行事。
Finish editing this message first!