Browse Source

修复page页少了个}的问题,添加左右翻页按钮

zhaowenkang/feature-20251028181547-行情页面
no99 4 weeks ago
parent
commit
0a9fb991b6
  1. 1
      pages.json
  2. 22
      pages/home/marketCondition.vue

1
pages.json

@ -70,6 +70,7 @@
"disableSwipeBack": true, "disableSwipeBack": true,
"titleNView": false, "titleNView": false,
"bounce": false "bounce": false
}
}, },
{ {
"path": "pages/setting/general", "path": "pages/setting/general",

22
pages/home/marketCondition.vue

@ -8,11 +8,13 @@
<view class="title"> <view class="title">
<image class="back-homepage-btn" src="/static/marketSituation-image/back.png" mode="返回按钮" @click="backToHomepage()"> </image> <image class="back-homepage-btn" src="/static/marketSituation-image/back.png" mode="返回按钮" @click="backToHomepage()"> </image>
<view class="mid-title"> <view class="mid-title">
<view class="arrow-left"> </view>
<image class="left-page" src="/static/img/left-page.png" mode="向左翻页"></image> <image class="left-page" src="/static/img/left-page.png" mode="向左翻页"></image>
<view class="stock-id"> <view class="stock-id">
<view class="stock-name"> {{ stockInformation.stockName }} </view> <view class="stock-name"> {{ stockInformation.stockName }} </view>
<view class="stock-code"> {{ stockInformation.stockCode }} </view> <view class="stock-code"> {{ stockInformation.stockCode }} </view>
</view> </view>
<view class="arrow-right"> </view>
<image class="right-page" src="/static/img/right-page.png" mode="向右翻页"></image> <image class="right-page" src="/static/img/right-page.png" mode="向右翻页"></image>
</view> </view>
<image class="search" src="/static/marketSituation-image/search.png" mode="搜索" @click="startTcp()"> </image> <image class="search" src="/static/marketSituation-image/search.png" mode="搜索" @click="startTcp()"> </image>
@ -1881,6 +1883,26 @@ onMounted(async () => {
display: inline-block; display: inline-block;
} }
.arrow-left{
width: 0;
height: 0;
border-top: 10rpx solid transparent;
border-bottom: 10rpx solid transparent;
border-right: 12rpx solid currentColor;
margin-left: 8rpx;
display: inline-block;
}
.arrow-right{
width: 0;
height: 0;
border-top: 10rpx solid transparent;
border-bottom: 10rpx solid transparent;
border-left: 12rpx solid currentColor;
margin-left: 8rpx;
display: inline-block;
}
.moreTabsContainer { .moreTabsContainer {
width: 100%; width: 100%;
display: flex; display: flex;

Loading…
Cancel
Save