| 1 |
- {"version":3,"sources":["uni-app:///main.js","webpack:///D:/Code2024/图鸟模板-社区/discoveryPages/order.vue?46da","webpack:///D:/Code2024/图鸟模板-社区/discoveryPages/order.vue?8a56","webpack:///D:/Code2024/图鸟模板-社区/discoveryPages/order.vue?1398","webpack:///D:/Code2024/图鸟模板-社区/discoveryPages/order.vue?85b9","uni-app:///discoveryPages/order.vue","webpack:///D:/Code2024/图鸟模板-社区/discoveryPages/order.vue?7823","webpack:///D:/Code2024/图鸟模板-社区/discoveryPages/order.vue?50bc"],"names":["wx","__webpack_require_UNI_MP_PLUGIN__","__webpack_require__","createPage","Page","name","mixins","data","currentModeIndex","list","count","tabsIndex","swiperIndex","swiperTop","swiperHeight","onLoad","onReady","methods","tn","uni","url","modeSwitch","updateSwiperInfo","setTimeout","tabsChange","swiperTransition","swiperAnimationFinish"],"mappings":";;;;;;;;;;;;;AAAA;AAGA;AACA;AAHA;AACAA,EAAE,CAACC,iCAAiC,GAAGC,mBAAmB;AAG1DC,UAAU,CAACC,cAAI,CAAC,C;;;;;;;;;;;;;ACLhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAA8H;AAC9H;AACyD;AACL;AACsC;;;AAG1F;AACwM;AACxM,gBAAgB,qNAAU;AAC1B,EAAE,2EAAM;AACR,EAAE,4FAAM;AACR,EAAE,qGAAe;AACjB;AACA;AACA;AACA;AACA;AACA,EAAE,gGAAU;AACZ;AACA;;AAEA;AACe,gF;;;;;;;;;;;;ACvBf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA,aAAa,wRAEN;AACP,KAAK;AACL;AACA,aAAa,gTAEN;AACP,KAAK;AACL;AACA,aAAa,kRAEN;AACP,KAAK;AACL;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;AC3CA;AAAA;AAAA;AAAA;AAA2xB,CAAgB,uzBAAG,EAAC,C;;;;;;;;;;;;;;;;;;;ACqR/yB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAEA;EACAC;EACAC;EACAC;IACA;MACA;MACAC;MACAC,OACA;QAAAJ;MAAA,GACA;QAAAA;MAAA,GACA;QAAAA;QAAAK;MAAA,GACA;QAAAL;MAAA,GACA;QAAAA;MAAA,EACA;MACAM;MACAC;MACAC;MACAC;IACA;EACA;EACAC,2BAEA;EACAC;IAAA;IACA;MACA;IACA;EACA;EAEAC;IAEA;IACAC;MACAC;QACAC;MACA;IACA;IAEA;IACAC;MACA;MACA;IACA;IAEA;IACAC;MAAA;MACA;MACA;QACA;UACAC;YACA;UACA;UACA;QACA;QACA;QACA;QACA;MACA;IACA;IACA;IACAC;MACA;IACA;IACA;IACAC;MACA;IACA;IACA;IACAC;MACA;MACA;MACA;MACA;IACA;EACA;AACA;AAAA,2B;;;;;;;;;;;;;AClWA;AAAA;AAAA;AAAA;AAAk/C,CAAgB,89CAAG,EAAC,C;;;;;;;;;;;ACAtgD;AACA,OAAO,KAAU,EAAE,kBAKd","file":"discoveryPages/order.js","sourcesContent":["import 'uni-pages';\n// @ts-ignore\nwx.__webpack_require_UNI_MP_PLUGIN__ = __webpack_require__;\nimport Vue from 'vue'\nimport Page from './discoveryPages/order.vue'\ncreatePage(Page)","import { render, staticRenderFns, recyclableRender, components } from \"./order.vue?vue&type=template&id=91c14efe&scoped=true&\"\nvar renderjs\nimport script from \"./order.vue?vue&type=script&lang=js&\"\nexport * from \"./order.vue?vue&type=script&lang=js&\"\nimport style0 from \"./order.vue?vue&type=style&index=0&id=91c14efe&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"91c14efe\",\n null,\n false,\n components,\n renderjs\n)\n\ncomponent.options.__file = \"discoveryPages/order.vue\"\nexport default component.exports","export * from \"-!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--17-0!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./order.vue?vue&type=template&id=91c14efe&scoped=true&\"","var components\ntry {\n components = {\n tnNavBar: function () {\n return import(\n /* webpackChunkName: \"tuniao-ui/components/tn-nav-bar/tn-nav-bar\" */ \"@/tuniao-ui/components/tn-nav-bar/tn-nav-bar.vue\"\n )\n },\n tnTabsSwiper: function () {\n return import(\n /* webpackChunkName: \"tuniao-ui/components/tn-tabs-swiper/tn-tabs-swiper\" */ \"@/tuniao-ui/components/tn-tabs-swiper/tn-tabs-swiper.vue\"\n )\n },\n tnButton: function () {\n return import(\n /* webpackChunkName: \"tuniao-ui/components/tn-button/tn-button\" */ \"@/tuniao-ui/components/tn-button/tn-button.vue\"\n )\n },\n }\n} catch (e) {\n if (\n e.message.indexOf(\"Cannot find module\") !== -1 &&\n e.message.indexOf(\".vue\") !== -1\n ) {\n console.error(e.message)\n console.error(\"1. 排查组件名称拼写是否正确\")\n console.error(\n \"2. 排查组件是否符合 easycom 规范，文档：https://uniapp.dcloud.net.cn/collocation/pages?id=easycom\"\n )\n console.error(\n \"3. 若组件不符合 easycom 规范，需手动引入，并在 components 中注册该组件\"\n )\n } else {\n throw e\n }\n}\nvar render = function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n}\nvar recyclableRender = false\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns, recyclableRender, components }","import mod from \"-!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./order.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./order.vue?vue&type=script&lang=js&\"","<template>\r\n <view class=\"template-order\">\r\n <!-- 顶部自定义导航 -->\r\n <tn-nav-bar fixed alpha customBack>\r\n <view slot=\"back\" class='tn-custom-nav-bar__back'\r\n @click=\"goBack\">\r\n <text class='icon tn-icon-left-arrow'></text>\r\n </view>\r\n <view class=\"tn-flex tn-flex-col-center tn-flex-row-center \">\r\n <!-- 切换 -->\r\n <view class=\"login__mode tn-flex tn-flex-direction-row tn-flex-nowrap tn-flex-col-center tn-flex-row-center\">\r\n <view class=\"login__mode__item \" :class=\"[{'login__mode__item--active': currentModeIndex === 0}]\" @tap.stop=\"modeSwitch(0)\">\r\n 我买到\r\n </view>\r\n <view class=\"login__mode__item \" :class=\"[{'login__mode__item--active': currentModeIndex === 1}]\" @tap.stop=\"modeSwitch(1)\">\r\n 我卖出\r\n </view>\r\n </view>\r\n \r\n \r\n <!-- <text class=\"tn-text-bold tn-text-xl tn-color-black\">我的订单</text> -->\r\n </view>\r\n </tn-nav-bar>\r\n \r\n <view class=\"order--wrap\" :style=\"{top: vuex_custom_bar_height + 'px'}\" v-if=\"currentModeIndex === 0\">\r\n <!-- 顶部标签 -->\r\n <view class=\"tn-bg-white\">\r\n <tn-tabs-swiper class=\"order__tabs\" ref=\"tabs\" activeColor=\"#3165CC\" inactiveColor=\"#080808\" :list=\"list\" :current=\"tabsIndex\" :isScroll=\"false\" @change=\"tabsChange\"></tn-tabs-swiper>\r\n </view>\r\n \r\n <!-- 标签内容 -->\r\n <swiper class=\"order__swiper\" :style=\"{top: `${swiperTop}px`, height: `${swiperHeight}px`}\" :current=\"swiperIndex\" @transition=\"swiperTransition\" @animationfinish=\"swiperAnimationFinish\">\r\n \r\n <swiper-item class=\"order__swiper__item\">\r\n <scroll-view :style=\"{height: `${swiperHeight}px`}\" scroll-y>\r\n <view v-for=\"(item,index) in 6\" :key=\"index\" class=\"order__item\" @click=\"tn('/discoveryPages/form')\">\r\n <view class=\"order__item__head tn-flex tn-flex-direction-row tn-flex-col-center tn-flex-row-between\">\r\n <view class=\"order__item__head__title\">订单编号：SF009098765798</view>\r\n </view>\r\n \r\n <view class=\"order__item__content tn-flex tn-flex-direction-row tn-flex-nowrap tn-flex-col-center tn-flex-row-center\">\r\n <view class=\"order__item__content__image\">\r\n <image src=\"https://cdn.nlark.com/yuque/0/2022/jpeg/280373/1664005699066-assets/web-upload/f7a37b29-506a-4e79-937f-826334902bb4.jpeg\" mode=\"aspectFill\"></image>\r\n </view>\r\n <view class=\"order__item__content__title\">\r\n 图鸟官方设计 酷炫效果展示 让用户眼前一亮的赶脚\r\n </view>\r\n <view class=\"order__item__content__info tn-flex tn-flex-direction-column tn-flex-col-center tn-flex-row-center\">\r\n <view class=\"order__item__content__info__price\">\r\n <text class=\"order__item__content__info__price--unit\">￥</text>\r\n <text class=\"order__item__content__info__price__value--integer\">1000</text>\r\n <text class=\"order__item__content__info__price__value--decimal\">.00</text>\r\n </view>\r\n <view class=\"order__item__content__info__count\">\r\n <text>共1件</text>\r\n </view>\r\n </view>\r\n </view>\r\n \r\n <view class=\"order__item__operation tn-flex tn-flex-direction-row tn-flex-nowrap tn-flex-col-center tn-flex-row-between\">\r\n <view class=\"order__item__operaation__left\">\r\n <text class=\"order__item__operaation__left--text\">更多</text>\r\n </view>\r\n <view class=\"order__item__operation__right tn-flex tn-flex-direction-row tn-flex-nowrap tn-flex-col-center tn-flex-row-right\">\r\n <view class=\"order__item__operation__right__button\">\r\n <tn-button shadow shape=\"round\" fontColor=\"tn-color-white\" backgroundColor=\"tn-bg-blue\" :fontSize=\"24\" height=\"auto\" padding=\"10rpx 18rpx\">再次购买</tn-button>\r\n </view>\r\n </view>\r\n </view>\r\n </view>\r\n <view class=\"tn-padding-bottom\"></view>\r\n </scroll-view>\r\n </swiper-item>\r\n \r\n <swiper-item class=\"order__swiper__item\">\r\n <scroll-view :style=\"{height: `${swiperHeight}px`}\" scroll-y>\r\n <view v-for=\"(item,index) in 6\" :key=\"index\" class=\"order__item\">\r\n <view class=\"order__item__head tn-flex tn-flex-direction-row tn-flex-col-center tn-flex-row-between\">\r\n <view class=\"order__item__head__title\">订单编号：SF009098765798</view>\r\n </view>\r\n \r\n <view class=\"order__item__content tn-flex tn-flex-direction-row tn-flex-nowrap tn-flex-col-center tn-flex-row-between\">\r\n <view class=\"tn-flex tn-flex-nowrap tn-flex-direction-row tn-flex-col-center tn-flex-row-left\">\r\n <view class=\"order__item__content__image\">\r\n <image src=\"https://cdn.nlark.com/yuque/0/2022/jpeg/280373/1664005699053-assets/web-upload/8645ea3a-e0a9-4422-8364-cc5ede305c9f.jpeg\" mode=\"aspectFill\"></image>\r\n </view>\r\n <view class=\"order__item__content__image\">\r\n <image src=\"https://cdn.nlark.com/yuque/0/2022/jpeg/280373/1664005699069-assets/web-upload/20b02200-47de-4a03-8dd0-6fe8aa575e36.jpeg\" mode=\"aspectFill\"></image>\r\n </view>\r\n </view>\r\n <view class=\"order__item__content__info tn-flex tn-flex-direction-column tn-flex-col-center tn-flex-row-center\">\r\n <view class=\"order__item__content__info__price\">\r\n <text class=\"order__item__content__info__price--unit\">￥</text>\r\n <text class=\"order__item__content__info__price__value--integer\">2000</text>\r\n <text class=\"order__item__content__info__price__value--decimal\">.00</text>\r\n </view>\r\n <view class=\"order__item__content__info__count\">\r\n <text>共2件</text>\r\n </view>\r\n </view>\r\n </view>\r\n \r\n <view class=\"order__item__operation tn-flex tn-flex-direction-row tn-flex-nowrap tn-flex-col-center tn-flex-row-between\">\r\n <view class=\"order__item__operaation__left\">\r\n <text class=\"order__item__operaation__left--text\">更多</text>\r\n </view>\r\n <view class=\"order__item__operation__right tn-flex tn-flex-direction-row tn-flex-nowrap tn-flex-col-center tn-flex-row-right\">\r\n <view class=\"order__item__operation__right__button\">\r\n <tn-button shadow shape=\"round\" fontColor=\"tn-color-white\" backgroundColor=\"tn-bg-purplered\" :fontSize=\"24\" height=\"auto\" padding=\"10rpx 18rpx\">立即支付</tn-button>\r\n </view>\r\n </view>\r\n </view>\r\n </view>\r\n <view class=\"tn-padding-bottom\"></view>\r\n </scroll-view>\r\n </swiper-item>\r\n \r\n <swiper-item class=\"order__swiper__item\">\r\n <scroll-view :style=\"{height: `${swiperHeight}px`}\" scroll-y>\r\n <view v-for=\"(item,index) in 6\" :key=\"index\" class=\"order__item\">\r\n <view class=\"order__item__head tn-flex tn-flex-direction-row tn-flex-col-center tn-flex-row-between\">\r\n <view class=\"order__item__head__title\">订单编号：SF009098765798</view>\r\n </view>\r\n \r\n <view class=\"order__item__content tn-flex tn-flex-direction-row tn-flex-nowrap tn-flex-col-center tn-flex-row-between\">\r\n <view class=\"tn-flex tn-flex-nowrap tn-flex-direction-row tn-flex-col-center tn-flex-row-left\">\r\n <view class=\"order__item__content__image\">\r\n <image src=\"https://cdn.nlark.com/yuque/0/2022/jpeg/280373/1664005699047-assets/web-upload/0be7773a-583d-43e4-a6af-91bcc7cc1ee1.jpeg\" mode=\"aspectFill\"></image>\r\n </view>\r\n <view class=\"order__item__content__image\">\r\n <image src=\"https://cdn.nlark.com/yuque/0/2022/jpeg/280373/1664005699075-assets/web-upload/aaee3258-46b7-43ae-aaf2-02f3dff5f960.jpeg\" mode=\"aspectFill\"></image>\r\n </view>\r\n <view class=\"order__item__content__image\">\r\n <image src=\"https://cdn.nlark.com/yuque/0/2022/jpeg/280373/1664005699088-assets/web-upload/f8da9a2a-a076-4a7b-9af8-6ec14d5f99ea.jpeg\" mode=\"aspectFill\"></image>\r\n </view>\r\n </view>\r\n <view class=\"order__item__content__info tn-flex tn-flex-direction-column tn-flex-col-center tn-flex-row-center\">\r\n <view class=\"order__item__content__info__price\">\r\n <text class=\"order__item__content__info__price--unit\">￥</text>\r\n <text class=\"order__item__content__info__price__value--integer\">3000</text>\r\n <text class=\"order__item__content__info__price__value--decimal\">.00</text>\r\n </view>\r\n <view class=\"order__item__content__info__count\">\r\n <text>共3件</text>\r\n </view>\r\n </view>\r\n </view>\r\n \r\n <view class=\"order__item__operation tn-flex tn-flex-direction-row tn-flex-nowrap tn-flex-col-center tn-flex-row-between\">\r\n <view class=\"order__item__operaation__left\">\r\n <text class=\"order__item__operaation__left--text\">更多</text>\r\n </view>\r\n <view class=\"order__item__operation__right tn-flex tn-flex-direction-row tn-flex-nowrap tn-flex-col-center tn-flex-row-right\">\r\n <view class=\"order__item__operation__right__button\">\r\n <tn-button shadow shape=\"round\" fontColor=\"tn-color-white\" backgroundColor=\"tn-bg-cyan\" :fontSize=\"24\" height=\"auto\" padding=\"10rpx 18rpx\">联系商家</tn-button>\r\n </view>\r\n </view>\r\n </view>\r\n </view>\r\n <view class=\"tn-padding-bottom\"></view>\r\n </scroll-view>\r\n </swiper-item>\r\n \r\n <swiper-item class=\"order__swiper__item\">\r\n <scroll-view :style=\"{height: `${swiperHeight}px`}\" scroll-y>\r\n <view v-for=\"(item,index) in 6\" :key=\"index\" class=\"order__item\">\r\n <view class=\"order__item__head tn-flex tn-flex-direction-row tn-flex-col-center tn-flex-row-between\">\r\n <view class=\"order__item__head__title\">订单编号：SF009098765798</view>\r\n </view>\r\n \r\n <view class=\"order__item__content tn-flex tn-flex-direction-row tn-flex-nowrap tn-flex-col-center tn-flex-row-between\">\r\n <view class=\"tn-flex tn-flex-nowrap tn-flex-direction-row tn-flex-col-center tn-flex-row-left\">\r\n <view class=\"order__item__content__image\">\r\n <image src=\"https://cdn.nlark.com/yuque/0/2022/jpeg/280373/1664015047073-assets/web-upload/e0cc8735-6391-4332-b8c9-8ada419b3a43.jpeg\" mode=\"aspectFill\"></image>\r\n </view>\r\n <view class=\"order__item__content__image\">\r\n <image src=\"https://cdn.nlark.com/yuque/0/2022/jpeg/280373/1664015047018-assets/web-upload/b675a4eb-6423-46e3-96f5-687236021df2.jpeg\" mode=\"aspectFill\"></image>\r\n </view>\r\n <view class=\"order__item__content__image\">\r\n <image src=\"https://cdn.nlark.com/yuque/0/2022/jpeg/280373/1664015047023-assets/web-upload/147b0b7f-8253-4b92-bc1d-e28db7f54096.jpeg\" mode=\"aspectFill\"></image>\r\n </view>\r\n </view>\r\n <view class=\"order__item__content__info tn-flex tn-flex-direction-column tn-flex-col-center tn-flex-row-center\">\r\n <view class=\"order__item__content__info__price\">\r\n <text class=\"order__item__content__info__price--unit\">￥</text>\r\n <text class=\"order__item__content__info__price__value--integer\">4000</text>\r\n <text class=\"order__item__content__info__price__value--decimal\">.00</text>\r\n </view>\r\n <view class=\"order__item__content__info__count\">\r\n <text>共4件</text>\r\n </view>\r\n </view>\r\n </view>\r\n \r\n <view class=\"order__item__operation tn-flex tn-flex-direction-row tn-flex-nowrap tn-flex-col-center tn-flex-row-between\">\r\n <view class=\"order__item__operaation__left\">\r\n <text class=\"order__item__operaation__left--text\">更多</text>\r\n </view>\r\n <view class=\"order__item__operation__right tn-flex tn-flex-direction-row tn-flex-nowrap tn-flex-col-center tn-flex-row-right\">\r\n <view class=\"order__item__operation__right__button\">\r\n <tn-button shadow shape=\"round\" fontColor=\"tn-color-white\" backgroundColor=\"tn-bg-orange\" :fontSize=\"24\" height=\"auto\" padding=\"10rpx 18rpx\">确认收货</tn-button>\r\n </view>\r\n </view>\r\n </view>\r\n </view>\r\n <view class=\"tn-padding-bottom\"></view>\r\n </scroll-view>\r\n </swiper-item>\r\n \r\n <swiper-item class=\"order__swiper__item\">\r\n <scroll-view :style=\"{height: `${swiperHeight}px`}\" scroll-y>\r\n <view v-for=\"(item,index) in 6\" :key=\"index\" class=\"order__item\">\r\n <view class=\"order__item__head tn-flex tn-flex-direction-row tn-flex-col-center tn-flex-row-between\">\r\n <view class=\"order__item__head__title\">订单编号：SF009098765798</view>\r\n </view>\r\n \r\n <view class=\"order__item__content tn-flex tn-flex-direction-row tn-flex-nowrap tn-flex-col-center tn-flex-row-between\">\r\n <view class=\"tn-flex tn-flex-nowrap tn-flex-direction-row tn-flex-col-center tn-flex-row-left\">\r\n <view class=\"order__item__content__image\">\r\n <image src=\"https://cdn.nlark.com/yuque/0/2022/jpeg/280373/1664015047529-assets/web-upload/af73d987-7e47-4ab9-8cc7-9ced5611552c.jpeg\" mode=\"aspectFill\"></image>\r\n </view>\r\n <view class=\"order__item__content__image\">\r\n <image src=\"https://cdn.nlark.com/yuque/0/2022/jpeg/280373/1664015223233-assets/web-upload/1f3e6f2a-96eb-4796-818e-e94ec06d8872.jpeg\" mode=\"aspectFill\"></image>\r\n </view>\r\n <view class=\"order__item__content__image\">\r\n <image src=\"https://cdn.nlark.com/yuque/0/2022/jpeg/280373/1664015223286-assets/web-upload/a389d645-024b-4804-9515-cf1cc6e8b5c0.jpeg\" mode=\"aspectFill\"></image>\r\n </view>\r\n </view>\r\n <view class=\"order__item__content__info tn-flex tn-flex-direction-column tn-flex-col-center tn-flex-row-center\">\r\n <view class=\"order__item__content__info__price\">\r\n <text class=\"order__item__content__info__price--unit\">￥</text>\r\n <text class=\"order__item__content__info__price__value--integer\">5000</text>\r\n <text class=\"order__item__content__info__price__value--decimal\">.00</text>\r\n </view>\r\n <view class=\"order__item__content__info__count\">\r\n <text>共5件</text>\r\n </view>\r\n </view>\r\n </view>\r\n \r\n <view class=\"order__item__operation tn-flex tn-flex-direction-row tn-flex-nowrap tn-flex-col-center tn-flex-row-between\">\r\n <view class=\"order__item__operaation__left\">\r\n <text class=\"order__item__operaation__left--text\">更多</text>\r\n </view>\r\n <view class=\"order__item__operation__right tn-flex tn-flex-direction-row tn-flex-nowrap tn-flex-col-center tn-flex-row-right\">\r\n <view class=\"order__item__operation__right__button\">\r\n <tn-button shadow shape=\"round\" fontColor=\"tn-color-white\" backgroundColor=\"tn-bg-blue\" :fontSize=\"24\" height=\"auto\" padding=\"10rpx 18rpx\">再次购买</tn-button>\r\n </view>\r\n </view>\r\n </view>\r\n </view>\r\n <view class=\"tn-padding-bottom\"></view>\r\n </scroll-view>\r\n </swiper-item>\r\n \r\n </swiper>\r\n </view>\r\n \r\n <view class=\"order--wrap\" :style=\"{top: vuex_custom_bar_height + 'px'}\" v-if=\"currentModeIndex === 1\">\r\n <!-- 顶部标签 -->\r\n <view class=\"tn-bg-white\">\r\n <tn-tabs-swiper class=\"order__tabs\" ref=\"tabs\" activeColor=\"#3165CC\" inactiveColor=\"#080808\" :list=\"list\" :current=\"tabsIndex\" :isScroll=\"false\" @change=\"tabsChange\"></tn-tabs-swiper>\r\n </view>\r\n \r\n <view class=\"\" style=\"padding: 30vh 20rpx;\">\r\n <view class=\"tn-text-center\" style=\"font-size: 200rpx;padding-top: 30rpx;\">\r\n <text class=\"tn-icon-wea-wind tn-color-gray--light\"></text>\r\n </view>\r\n <view class=\"tn-color-gray--disabled tn-text-center tn-text-lg\">空空如也</view>\r\n </view>\r\n </view>\r\n \r\n \r\n </view>\r\n</template>\r\n\r\n<script>\r\n import templatePageMixin from '@/libs/mixin/template_page_mixin.js'\r\n \r\n export default {\r\n name: 'TemplateOrder',\r\n mixins: [templatePageMixin],\r\n data() {\r\n return {\r\n // 当前选中的模式\r\n currentModeIndex: 0,\r\n list: [\r\n {name: '全部'},\r\n {name: '待支付'},\r\n {name: '待发货', count: 10},\r\n {name: '待收货'},\r\n {name: '已完成'}\r\n ],\r\n tabsIndex: 0,\r\n swiperIndex: 0,\r\n swiperTop: 0,\r\n swiperHeight: 0\r\n }\r\n },\r\n onLoad() {\r\n \r\n },\r\n onReady() {\r\n this.$nextTick(() => {\r\n this.updateSwiperInfo()\r\n })\r\n },\r\n\r\n methods: {\r\n \r\n // 跳转\r\n tn(e) {\r\n uni.navigateTo({\r\n url: e,\r\n });\r\n },\r\n \r\n // 切换模式\r\n modeSwitch(index) {\r\n this.currentModeIndex = index\r\n this.showPassword = false\r\n },\r\n \r\n // 计算可滑动区域的高度信息\r\n updateSwiperInfo() {\r\n // 获取可滑动菜单的信息\r\n this._tGetRect('.order__tabs').then(res => {\r\n if (!res) {\r\n setTimeout(() => {\r\n this.updateSwiperInfo()\r\n }, 10)\r\n return\r\n }\r\n const systemInfo = uni.getSystemInfoSync()\r\n this.swiperTop = res.bottom - this.vuex_custom_bar_height\r\n this.swiperHeight = systemInfo.safeArea.height - res.bottom + systemInfo.statusBarHeight\r\n })\r\n },\r\n // 标签栏值发生改变\r\n tabsChange(index) {\r\n this.swiperIndex = index\r\n },\r\n // swiper-item位置发生改变\r\n swiperTransition(event) {\r\n this.$refs.tabs.setDx(event.detail.dx)\r\n },\r\n // swiper动画结束\r\n swiperAnimationFinish(event) {\r\n const current = event.detail.current\r\n this.$refs.tabs.setFinishCurrent(current)\r\n this.swiperIndex = current\r\n this.tabsIndex = current\r\n }\r\n }\r\n }\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n \r\n .template-order {\r\n background-color: #FFFFFF;\r\n }\r\n \r\n /* 胶囊*/\r\n .tn-custom-nav-bar__back {\r\n width: 60%;\r\n height: 100%;\r\n position: relative;\r\n display: flex;\r\n justify-content: space-evenly;\r\n align-items: center;\r\n box-sizing: border-box;\r\n background-color: rgba(0, 0, 0, 0.15);\r\n border-radius: 1000rpx;\r\n border: 1rpx solid rgba(255, 255, 255, 0.5);\r\n color: #FFFFFF;\r\n font-size: 18px;\r\n \r\n .icon {\r\n display: block;\r\n flex: 1;\r\n margin: auto;\r\n text-align: center;\r\n }\r\n \r\n }\r\n \r\n .login {\r\n position: relative;\r\n height: 100%;\r\n z-index: 1;\r\n \r\n /* 内容 start */\r\n &__wrapper {\r\n width: 100%;\r\n }\r\n \r\n /* 切换 start */\r\n &__mode {\r\n position: relative;\r\n margin: 0 auto;\r\n width: 326rpx;\r\n height: 60rpx;\r\n margin-top: 16rpx;\r\n border: 1rpx solid #E6E6E6;\r\n border-radius: 39rpx;\r\n \r\n &__item {\r\n height: 77rpx;\r\n width: 100%;\r\n line-height: 77rpx;\r\n text-align: center;\r\n font-size: 31rpx;\r\n color: #AAAAAA;\r\n z-index: 2;\r\n transition: all 0.4s;\r\n \r\n &--active {\r\n font-weight: bold;\r\n color: #000000;\r\n }\r\n }\r\n }\r\n /* 切换 end */\r\n \r\n }\r\n \r\n \r\n .order {\r\n &--wrap {\r\n position: fixed;\r\n left: 0;\r\n right: 0;\r\n width: 100%;\r\n background-color: inherit;\r\n }\r\n \r\n /* 导航栏 start */\r\n &__tabs {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n background-color: inherit;\r\n }\r\n /* 导航栏 end */\r\n \r\n /* swiper start */\r\n &__swiper {\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n width: 100%;\r\n background-color: inherit;\r\n // padding: 0 16rpx;\r\n }\r\n /* swiper end */\r\n \r\n /* 订单内容 start */\r\n &__item {\r\n margin: 20rpx;\r\n padding: 36rpx 26rpx;\r\n background-color: #FFFFFF;\r\n border-radius: 15rpx;\r\n box-shadow: 0rpx 0rpx 50rpx 0rpx rgba(0, 0, 0, 0.07);\r\n \r\n &:first-child {\r\n margin-top: 40rpx;\r\n }\r\n \r\n &:last-child {\r\n margin-bottom: 0;\r\n }\r\n \r\n /* 头部 start */\r\n &__head {\r\n \r\n &__title {\r\n font-weight: bold;\r\n line-height: normal;\r\n \r\n &--right-icon {\r\n font-size: 24rpx;\r\n margin-left: 8rpx;\r\n }\r\n }\r\n \r\n &__status {\r\n font-size: 22rpx;\r\n color: #AAAAAA;\r\n }\r\n }\r\n /* 头部 end */\r\n \r\n /* 内容 start */\r\n &__content {\r\n \r\n margin-top: 20rpx;\r\n \r\n &__image {\r\n margin-right: 20rpx;\r\n \r\n image {\r\n width: 140rpx;\r\n height: 140rpx;\r\n border-radius: 10rpx;\r\n }\r\n }\r\n \r\n &__title {\r\n padding-right: 40rpx;\r\n display: -webkit-box;\r\n overflow: hidden;\r\n white-space: normal !important;\r\n text-overflow: ellipsis;\r\n word-wrap: break-word;\r\n -webkit-line-clamp: 2;\r\n -webkit-box-orient: vertical;\r\n }\r\n \r\n &__info {\r\n \r\n &__price {\r\n &--unit {\r\n font-size: 20rpx;\r\n }\r\n &__value--integer, &__value--decimal {\r\n font-weight: bold;\r\n }\r\n &__value--decimal {\r\n font-size: 20rpx;\r\n }\r\n }\r\n \r\n &__count {\r\n color: #AAAAAA;\r\n font-size: 24rpx;\r\n }\r\n }\r\n }\r\n /* 内容 end */\r\n \r\n /* 操作按钮 start */\r\n &__operation {\r\n margin-top: 30rpx;\r\n \r\n &__right {\r\n &__button {\r\n margin-left: 10rpx;\r\n }\r\n }\r\n }\r\n /* 操作按钮 end */\r\n }\r\n /* 订单内容 end */\r\n }\r\n \r\n \r\n</style>\r\n","import mod from \"-!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./order.vue?vue&type=style&index=0&id=91c14efe&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./order.vue?vue&type=style&index=0&id=91c14efe&lang=scss&scoped=true&\"","// extracted by mini-css-extract-plugin\n if(module.hot) {\n // 1732781353996\n var cssReload = require(\"D:/self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/hmr/hotModuleReplacement.js\")(module.id, {\"hmr\":true,\"publicPath\":\"/\",\"locals\":false});\n module.hot.dispose(cssReload);\n module.hot.accept(undefined, cssReload);\n }\n "],"sourceRoot":""}
|
