Commit 5ef6a135 by jscat

nyx weapp: 页面更新

1. 改小图标
2. 更新tabbar为weui格式
parent bc5971a7
<wxs module="tutil" src="./../../../utils/date.wxs"></wxs> <wxs module="tutil" src="./../../../utils/date.wxs"></wxs>
...@@ -55,27 +55,26 @@ ...@@ -55,27 +55,26 @@
<!-- start bottom--> <!-- start bottom-->
<!-- refer to https://www.jb51.net/article/129438.htm --> <!-- refer to https://www.jb51.net/article/129438.htm -->
<view class="bottom_total"> <view class="page__bd">
<view class="bottom_line"></view> <view class="weui-tabbar">
<view class="weui-tabbar__item">
<view class="weui-flex" style="height: 180rpx;"> <view style="position: relative;display:inline-block;">
<view class="weui-flex__item justify "><view class="placeholder"> <image src="../../../icon/index.png" class="weui-tabbar__icon"></image>
<view class="list"> </view>
<view class="items" bindtap="toHome"> <view class="weui-tabbar__label">首页</view>
<image src="../../../icon/index.png"></image> </view>
<text>首页</text> <view class="weui-tabbar__item">
</view> <view style="position: relative;display:inline-block;">
<view class="items"> <button class="share" open-type="share"></button>
<button class="share" open-type="share"> <image src="../../../icon/activity/share.png" class="weui-tabbar__icon"></image>
</button> </view>
<image src="../../../icon/activity/share.png"></image> <view class="weui-tabbar__label">分享</view>
<text>分享</text> </view>
</view> <view class="weui-tabbar__item">
</view> <view style="position: relative;display:inline-block;">
</view></view>
<view class="weui-flex__item weui-flex justify align"><view class="placeholder">
<button class="button-red" bindtap="toBuy">立即购买</button> <button class="button-red" bindtap="toBuy">立即购买</button>
</view></view> </view>
</view>
</view> </view>
</view> </view>
<!-- end bottom--> <!-- end bottom-->
......
.scroll-view_H{ .scroll-view_H{
...@@ -141,7 +141,7 @@ ...@@ -141,7 +141,7 @@
button { button {
color: white; color: white;
text-align: center; text-align: center;
font-size:36rpx; font-size:32rpx;
height: 2.6em; height: 2.6em;
line-height: 2.6em; line-height: 2.6em;
} }
...@@ -211,3 +211,11 @@ ...@@ -211,3 +211,11 @@
height: 40rpx; height: 40rpx;
font-size: 0; font-size: 0;
} }
.weui-tabbar{
position:fixed;
bottom:0;
left:0;
right:0;
}
\ No newline at end of file
/* /*
...@@ -237,7 +237,7 @@ ...@@ -237,7 +237,7 @@
color: #333; color: #333;
} }
.workbench .title{ .workbench .title{
font-size: 34rpx; font-size: 32rpx;
padding: 20rpx 20rpx; padding: 20rpx 20rpx;
margin-bottom: 40rpx; margin-bottom: 40rpx;
display: block; display: block;
...@@ -249,8 +249,8 @@ ...@@ -249,8 +249,8 @@
text-align: center; text-align: center;
} }
.workbench .items image{ .workbench .items image{
width: 100rpx; width: 80rpx;
height: 100rpx; height: 80rpx;
} }
.workbench .items image.service-icon{ .workbench .items image.service-icon{
width: 50rpx; width: 50rpx;
......
<view class="page"> <view class="page">
...@@ -43,27 +43,26 @@ ...@@ -43,27 +43,26 @@
<!-- start bottom--> <!-- start bottom-->
<!-- refer to https://www.jb51.net/article/129438.htm --> <!-- refer to https://www.jb51.net/article/129438.htm -->
<view class="bottom_total"> <view class="page__bd">
<view class="bottom_line"></view> <view class="weui-tabbar">
<view class="weui-tabbar__item">
<view class="weui-flex" style="height: 180rpx;"> <view style="position: relative;display:inline-block;">
<view class="weui-flex__item justify "><view class="placeholder"> <image src="../../../icon/index.png" class="weui-tabbar__icon"></image>
<view class="list"> </view>
<view class="items" bindtap="toHome"> <view class="weui-tabbar__label">首页</view>
<image src="../../../icon/index.png"></image> </view>
<text>首页</text> <view class="weui-tabbar__item">
</view> <view style="position: relative;display:inline-block;">
<view class="items"> <button class="share" open-type="share"></button>
<button class="share" open-type="share"> <image src="../../../icon/activity/share.png" class="weui-tabbar__icon"></image>
</button> </view>
<image src="../../../icon/activity/share.png"></image> <view class="weui-tabbar__label">分享</view>
<text>分享</text> </view>
</view> <view class="weui-tabbar__item">
</view> <view style="position: relative;display:inline-block;">
</view></view>
<view class="weui-flex__item weui-flex justify align"><view class="placeholder">
<button class="button-red" bindtap="toGame">立即参与</button> <button class="button-red" bindtap="toGame">立即参与</button>
</view></view> </view>
</view>
</view> </view>
</view> </view>
<!-- end bottom--> <!-- end bottom-->
......
.scroll-view_H{ .scroll-view_H{
...@@ -92,8 +92,8 @@ ...@@ -92,8 +92,8 @@
margin-left: 30rpx; margin-left: 30rpx;
} }
.writer-image{ .writer-image{
width: 120rpx; width: 100rpx;
height: 120rpx; height: 100rpx;
margin-left: 5%; margin-left: 5%;
} }
...@@ -118,7 +118,7 @@ ...@@ -118,7 +118,7 @@
flex-direction: column; flex-direction: column;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
height: 180rpx; height: 160rpx;
line-height: 10rpx; line-height: 10rpx;
background: white; background: white;
} }
...@@ -131,7 +131,7 @@ ...@@ -131,7 +131,7 @@
button { button {
color: white; color: white;
text-align: center; text-align: center;
font-size: 40rpx; font-size: 32rpx;
height: 2.6em; height: 2.6em;
line-height: 2.6em; line-height: 2.6em;
} }
...@@ -153,16 +153,18 @@ ...@@ -153,16 +153,18 @@
align-items: center; align-items: center;
} }
.list{
display: flex;
flex-direction: row;
}
.list .items{ .list .items{
display: flex; display: flex;
flex-direction: column; flex-direction: column;
text-align: center;
align-items: center;
} }
.items image{ .items image{
width: 80rpx; width: 64rpx;
height: 80rpx; height: 64rpx;
margin-top: 20rpx;
font-size: 0; font-size: 0;
} }
.items text{ .items text{
...@@ -174,14 +176,6 @@ ...@@ -174,14 +176,6 @@
font-size: 28rpx; font-size: 28rpx;
} }
.list{
display: flex;
flex-direction: row;
justify-content: space-between;
margin-left: 30rpx;
margin-right: 30rpx;
margin-top: 20rpx;
}
/* end bottom style */ /* end bottom style */
/* 分享按钮 */ /* 分享按钮 */
...@@ -201,3 +195,11 @@ ...@@ -201,3 +195,11 @@
height: 40rpx; height: 40rpx;
font-size: 0; font-size: 0;
} }
.weui-tabbar{
position:fixed;
bottom:0;
left:0;
right:0;
}
\ No newline at end of file
.page{ .page{
...@@ -6,8 +6,8 @@ ...@@ -6,8 +6,8 @@
font-size: 0; font-size: 0;
} }
.weui-cell__hd image { .weui-cell__hd image {
width: 100rpx; width: 80rpx;
height: 100rpx; height: 80rpx;
margin-right: 18px; margin-right: 18px;
margin-left: 5px; margin-left: 5px;
vertical-align: middle; vertical-align: middle;
......
var formatTime = function (date) { var formatTime = function (date) {
...@@ -48,6 +48,7 @@ var formatDate_ymdw_today = function (date) { ...@@ -48,6 +48,7 @@ var formatDate_ymdw_today = function (date) {
var formatDate_ymdw_today_2 = function (date) { var formatDate_ymdw_today_2 = function (date) {
// 输入 2020-02-04 19:33:00 // 输入 2020-02-04 19:33:00
// 返回 2020年02月04日 周三 // 返回 2020年02月04日 周三
date = date+""
var date1 = getDate(date.split('-').join('/')); var date1 = getDate(date.split('-').join('/'));
var year = date1.getFullYear() var year = date1.getFullYear()
var month = date1.getMonth() + 1 var month = date1.getMonth() + 1
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论