12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091 |
- <template>
- <view>
- <navbar :config="config" backColor="#999999"></navbar>
- <view class="list">
- <view class="item" @click="toOrderPage('/pages/order/orderList/orderList')">
- <view class="item_l" >商城订单</view>
- <view class="item_r">
- <text class="iconfont_yige"></text>
- </view>
- </view>
- <!-- <view class="item">
- <view class="item_l" >宜机游订单</view>
- <view class="item_r">
- <text class="iconfont_yige"></text>
- </view>
- </view>
- <view class="item">
- <view class="item_l" >航空机票</view>
- <view class="item_r">
- <text class="iconfont_yige"></text>
- </view>
- </view>
- <view class="item">
- <view class="item_l" >缴费订单</view>
- <view class="item_r">
- <text class="iconfont_yige"></text>
- </view>
- </view> -->
- </view>
- </view>
- </template>
- <script>
- export default{
- data(){
- return{
- config: {
- back: true, //false是tolbar页面 是则不写
- title: '我的订单',
- color: '#000',
- //背景颜色;参数一:透明度(0-1);参数二:背景颜色(array则为线性渐变,string为单色背景)
- // backgroundColor: "#F8F8F8",
- rightSlot: true,
- },
- }
- },
- methods: {
- toOrderPage(url) {
- let token = uni.getStorageSync("apiToken")
- if (!token) {
- return this.$mUtil.toast("请先登录")
- }
- uni.navigateTo({
- url: url
- })
- }
- }
- }
- </script>
- <style>
- page {
- background-color: #F8F8F8;
- }
- </style>
- <style lang="scss" scoped>
- .list{
- background: #fff;
- border-radius: 20rpx;
- margin: 30rpx;
- padding: 0 40rpx;
- min-height: 88vh;
- .item{
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding:40rpx 0;
- border-bottom: 1rpx solid rgba(239, 239, 239,.6);
- .item_l{
- font-size: 30rpx;
- color: #333333;
- font-weight: 700;
- }
- .item_r{
- display: flex;
- .item_r_text{
- margin-right: 30rpx;
- }
- }
- }
- }
- </style>
|