feat:订单详情页面组件封装
This commit is contained in:
@@ -3,7 +3,7 @@ const common_vendor = require("../../common/vendor.js");
|
||||
const common_assets = require("../../common/assets.js");
|
||||
const model_ChatModel = require("../../model/ChatModel.js");
|
||||
if (!Math) {
|
||||
(ChatTopBgImg + ChatTopNavBar + ChatTopBanner + TagsGroup + OneFeelMK001 + ChatCardAI + ChatCardMine + ChatMoreTips + ChatQuickAccess)();
|
||||
(ChatTopBgImg + ChatTopNavBar + ChatTopBanner + OneFeelMK001 + ChatCardAI + ChatCardMine + ChatMoreTips + ChatQuickAccess)();
|
||||
}
|
||||
const ChatTopBanner = () => "./ChatTopBanner.js";
|
||||
const ChatTopBgImg = () => "./ChatTopBgImg.js";
|
||||
@@ -13,7 +13,6 @@ const ChatCardMine = () => "./ChatCardMine.js";
|
||||
const ChatQuickAccess = () => "./ChatQuickAccess2.js";
|
||||
const ChatMoreTips = () => "./ChatMoreTips.js";
|
||||
const OneFeelMK001 = () => "../module/OneFeelMK001.js";
|
||||
const TagsGroup = () => "../../components/TagsGroup/index.js";
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
__name: "ChatMainList",
|
||||
emits: ["openDrawer"],
|
||||
@@ -31,7 +30,7 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
const emits = __emit;
|
||||
const openDrawer = () => {
|
||||
emits("openDrawer");
|
||||
common_vendor.index.__f__("log", "at pages/chat/ChatMainList.vue:155", "=============打开抽屉");
|
||||
common_vendor.index.__f__("log", "at pages/chat/ChatMainList.vue:152", "=============打开抽屉");
|
||||
};
|
||||
const handleReply = (text) => {
|
||||
loadMessage(text);
|
||||
@@ -97,7 +96,7 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
}
|
||||
};
|
||||
chatMsgList.value.push(newMsgAI);
|
||||
common_vendor.index.__f__("log", "at pages/chat/ChatMainList.vue:242", "发送的新消息:", JSON.stringify(newMsg));
|
||||
common_vendor.index.__f__("log", "at pages/chat/ChatMainList.vue:239", "发送的新消息:", JSON.stringify(newMsg));
|
||||
};
|
||||
const scrollToBottom = () => {
|
||||
lastMsgId.value = `${chatMsgList.value[chatMsgList.value.length - 1].msgId}`;
|
||||
@@ -116,15 +115,15 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
}, item.msgType === common_vendor.unref(model_ChatModel.MessageRole).AI ? common_vendor.e({
|
||||
b: item.msgContent && item.msgContent.type === common_vendor.unref(model_ChatModel.MessageType).IMAGE
|
||||
}, item.msgContent && item.msgContent.type === common_vendor.unref(model_ChatModel.MessageType).IMAGE ? {
|
||||
c: common_assets._imports_0
|
||||
c: common_assets._imports_0$1
|
||||
} : {}, {
|
||||
d: "d7316ec5-8-" + i0 + "," + ("d7316ec5-7-" + i0),
|
||||
e: "d7316ec5-7-" + i0,
|
||||
d: "d7316ec5-7-" + i0 + "," + ("d7316ec5-6-" + i0),
|
||||
e: "d7316ec5-6-" + i0,
|
||||
f: common_vendor.p({
|
||||
text: item.msg
|
||||
})
|
||||
}) : item.msgType === common_vendor.unref(model_ChatModel.MessageRole).ME ? {
|
||||
h: "d7316ec5-9-" + i0,
|
||||
h: "d7316ec5-8-" + i0,
|
||||
i: common_vendor.p({
|
||||
text: item.msg
|
||||
})
|
||||
|
||||
@@ -8,7 +8,6 @@
|
||||
"chat-card-mine": "./ChatCardMine",
|
||||
"chat-quick-access": "./ChatQuickAccess",
|
||||
"chat-more-tips": "./ChatMoreTips",
|
||||
"one-feel-m-k001": "../module/OneFeelMK001",
|
||||
"tags-group": "../../components/TagsGroup/index"
|
||||
"one-feel-m-k001": "../module/OneFeelMK001"
|
||||
}
|
||||
}
|
||||
@@ -1 +1 @@
|
||||
<view class="chat-container data-v-d7316ec5" bindtouchend="{{q}}"><chat-top-bg-img class="chat-container-bg data-v-d7316ec5" u-i="d7316ec5-0" bind:__l="__l"></chat-top-bg-img><view class="nav-bar-container data-v-d7316ec5" style="{{'padding-top:' + b + ';' + ('background-color:' + c)}}"><chat-top-nav-bar class="data-v-d7316ec5" bindopenDrawer="{{a}}" u-i="d7316ec5-1" bind:__l="__l"></chat-top-nav-bar></view><view class="chat-container-msg-list data-v-d7316ec5"><chat-top-banner class="chat-container-top-bannar data-v-d7316ec5" u-i="d7316ec5-2" bind:__l="__l"></chat-top-banner><scroll-view scroll-y scroll-into-view="{{f}}" scroll-with-animation="{{true}}" class="area-msg-list data-v-d7316ec5"><tags-group class="data-v-d7316ec5" u-i="d7316ec5-3" bind:__l="__l"/><view class="data-v-d7316ec5" style="padding:6px 12px"><one-feel-m-k001 class="data-v-d7316ec5" u-i="d7316ec5-4" bind:__l="__l"></one-feel-m-k001></view><view class="data-v-d7316ec5" style="padding:6px 12px"><one-feel-m-k001 class="data-v-d7316ec5" u-i="d7316ec5-5" bind:__l="__l"></one-feel-m-k001></view><view class="data-v-d7316ec5" style="padding:6px 12px"><one-feel-m-k001 class="data-v-d7316ec5" u-i="d7316ec5-6" bind:__l="__l"></one-feel-m-k001></view><view wx:for="{{d}}" wx:for-item="item" wx:key="k" class="area-msg-list-content data-v-d7316ec5" id="{{item.l}}"><block wx:if="{{item.a}}"><chat-card-a-i wx:if="{{item.f}}" u-s="{{['d']}}" class="message-item message-item-ai data-v-d7316ec5" u-i="{{item.e}}" bind:__l="__l" u-p="{{item.f}}"><image wx:if="{{item.b}}" class="data-v-d7316ec5" src="{{item.c}}" style="width:100px;height:100px"></image><one-feel-m-k001 class="data-v-d7316ec5" u-i="{{item.d}}" bind:__l="__l"></one-feel-m-k001></chat-card-a-i></block><block wx:elif="{{item.g}}"><chat-card-mine wx:if="{{item.i}}" class="message-item message-item-mine data-v-d7316ec5" u-i="{{item.h}}" bind:__l="__l" u-p="{{item.i}}"></chat-card-mine></block><block wx:else><text class="message-item message-item-other data-v-d7316ec5">{{item.j}}</text></block></view><view class="data-v-d7316ec5" id="{{e}}"></view></scroll-view><view class="footer-area data-v-d7316ec5"><chat-more-tips class="data-v-d7316ec5" bindreplySent="{{g}}" u-i="d7316ec5-10" bind:__l="__l"></chat-more-tips><chat-quick-access class="data-v-d7316ec5" bindreplySent="{{h}}" u-i="d7316ec5-11" bind:__l="__l"></chat-quick-access><view class="area-input data-v-d7316ec5"><view class="input-container-voice data-v-d7316ec5"><image class="data-v-d7316ec5" src="{{i}}"></image></view><block wx:if="{{r0}}"><textarea class="textarea data-v-d7316ec5" type="text" placeholder="快速订票,呼叫服务" cursor-spacing="65" confirm-type="done" bindconfirm="{{j}}" bindtouchend="{{k}}" confirm-hold="{{true}}" auto-height show-confirm-bar="{{false}}" hold-keyboard="{{l}}" maxlength="300" value="{{m}}" bindinput="{{n}}"/></block><view class="input-container-send data-v-d7316ec5" bindtap="{{p}}"><image class="data-v-d7316ec5" src="{{o}}"></image></view></view></view></view></view>
|
||||
<view class="chat-container data-v-d7316ec5" bindtouchend="{{q}}"><chat-top-bg-img class="chat-container-bg data-v-d7316ec5" u-i="d7316ec5-0" bind:__l="__l"></chat-top-bg-img><view class="nav-bar-container data-v-d7316ec5" style="{{'padding-top:' + b + ';' + ('background-color:' + c)}}"><chat-top-nav-bar class="data-v-d7316ec5" bindopenDrawer="{{a}}" u-i="d7316ec5-1" bind:__l="__l"></chat-top-nav-bar></view><view class="chat-container-msg-list data-v-d7316ec5"><chat-top-banner class="chat-container-top-bannar data-v-d7316ec5" u-i="d7316ec5-2" bind:__l="__l"></chat-top-banner><scroll-view scroll-y scroll-into-view="{{f}}" scroll-with-animation="{{true}}" class="area-msg-list data-v-d7316ec5"><view class="data-v-d7316ec5" style="padding:6px 12px"><one-feel-m-k001 class="data-v-d7316ec5" u-i="d7316ec5-3" bind:__l="__l"></one-feel-m-k001></view><view class="data-v-d7316ec5" style="padding:6px 12px"><one-feel-m-k001 class="data-v-d7316ec5" u-i="d7316ec5-4" bind:__l="__l"></one-feel-m-k001></view><view class="data-v-d7316ec5" style="padding:6px 12px"><one-feel-m-k001 class="data-v-d7316ec5" u-i="d7316ec5-5" bind:__l="__l"></one-feel-m-k001></view><view wx:for="{{d}}" wx:for-item="item" wx:key="k" class="area-msg-list-content data-v-d7316ec5" id="{{item.l}}"><block wx:if="{{item.a}}"><chat-card-a-i wx:if="{{item.f}}" u-s="{{['d']}}" class="message-item message-item-ai data-v-d7316ec5" u-i="{{item.e}}" bind:__l="__l" u-p="{{item.f}}"><image wx:if="{{item.b}}" class="data-v-d7316ec5" src="{{item.c}}" style="width:100px;height:100px"></image><one-feel-m-k001 class="data-v-d7316ec5" u-i="{{item.d}}" bind:__l="__l"></one-feel-m-k001></chat-card-a-i></block><block wx:elif="{{item.g}}"><chat-card-mine wx:if="{{item.i}}" class="message-item message-item-mine data-v-d7316ec5" u-i="{{item.h}}" bind:__l="__l" u-p="{{item.i}}"></chat-card-mine></block><block wx:else><text class="message-item message-item-other data-v-d7316ec5">{{item.j}}</text></block></view><view class="data-v-d7316ec5" id="{{e}}"></view></scroll-view><view class="footer-area data-v-d7316ec5"><chat-more-tips class="data-v-d7316ec5" bindreplySent="{{g}}" u-i="d7316ec5-9" bind:__l="__l"></chat-more-tips><chat-quick-access class="data-v-d7316ec5" bindreplySent="{{h}}" u-i="d7316ec5-10" bind:__l="__l"></chat-quick-access><view class="area-input data-v-d7316ec5"><view class="input-container-voice data-v-d7316ec5"><image class="data-v-d7316ec5" src="{{i}}"></image></view><block wx:if="{{r0}}"><textarea class="textarea data-v-d7316ec5" type="text" placeholder="快速订票,呼叫服务" cursor-spacing="65" confirm-type="done" bindconfirm="{{j}}" bindtouchend="{{k}}" confirm-hold="{{true}}" auto-height show-confirm-bar="{{false}}" hold-keyboard="{{l}}" maxlength="300" value="{{m}}" bindinput="{{n}}"/></block><view class="input-container-send data-v-d7316ec5" bindtap="{{p}}"><image class="data-v-d7316ec5" src="{{o}}"></image></view></view></view></view></view>
|
||||
@@ -16,8 +16,8 @@ const _sfc_main = {
|
||||
});
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
a: common_assets._imports_0$1,
|
||||
b: common_assets._imports_1$1,
|
||||
a: common_assets._imports_0$5,
|
||||
b: common_assets._imports_1$2,
|
||||
c: marginContentTop.value + "px"
|
||||
};
|
||||
};
|
||||
|
||||
@@ -4,7 +4,7 @@ const common_vendor = require("../../common/vendor.js");
|
||||
const _sfc_main = {};
|
||||
function _sfc_render(_ctx, _cache) {
|
||||
return {
|
||||
a: common_assets._imports_0$2
|
||||
a: common_assets._imports_0$6
|
||||
};
|
||||
}
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-e0b38bdf"]]);
|
||||
|
||||
@@ -12,7 +12,7 @@ const _sfc_main = {
|
||||
};
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
a: common_assets._imports_0$3,
|
||||
a: common_assets._imports_0$7,
|
||||
b: common_vendor.o(openDrawer)
|
||||
};
|
||||
};
|
||||
|
||||
@@ -4,14 +4,14 @@ const common_assets = require("../../common/assets.js");
|
||||
const _sfc_main = {};
|
||||
function _sfc_render(_ctx, _cache) {
|
||||
return {
|
||||
a: common_assets._imports_0$5,
|
||||
a: common_assets._imports_0$9,
|
||||
b: common_vendor.f(8, (item, index, i0) => {
|
||||
return {
|
||||
a: common_vendor.t(item),
|
||||
b: index
|
||||
};
|
||||
}),
|
||||
c: common_assets._imports_1$2
|
||||
c: common_assets._imports_1$3
|
||||
};
|
||||
}
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-80027450"]]);
|
||||
|
||||
18
unpackage/dist/dev/mp-weixin/pages/order/components/GoodsInfo/index.js
vendored
Normal file
18
unpackage/dist/dev/mp-weixin/pages/order/components/GoodsInfo/index.js
vendored
Normal file
@@ -0,0 +1,18 @@
|
||||
"use strict";
|
||||
const common_assets = require("../../../../common/assets.js");
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
const goodsImage = "https://example.com/path/to/image.jpg";
|
||||
const _sfc_main = {
|
||||
__name: "index",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
a: common_assets._imports_0$3,
|
||||
b: goodsImage
|
||||
};
|
||||
};
|
||||
}
|
||||
};
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-0e67cb8e"]]);
|
||||
wx.createComponent(Component);
|
||||
//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/pages/order/components/GoodsInfo/index.js.map
|
||||
4
unpackage/dist/dev/mp-weixin/pages/order/components/GoodsInfo/index.json
vendored
Normal file
4
unpackage/dist/dev/mp-weixin/pages/order/components/GoodsInfo/index.json
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/pages/order/components/GoodsInfo/index.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/pages/order/components/GoodsInfo/index.wxml
vendored
Normal file
@@ -0,0 +1 @@
|
||||
<view class="goods-info mb12 data-v-0e67cb8e"><view class="hotel-header data-v-0e67cb8e"><image class="hotel-icon data-v-0e67cb8e" src="{{a}}"></image><text class="hotel-name data-v-0e67cb8e">天沐温泉酒店</text></view><view class="goods-detail data-v-0e67cb8e"><image class="goods-image data-v-0e67cb8e" src="{{b}}"></image><view class="goods-description data-v-0e67cb8e"><text class="goods-title data-v-0e67cb8e">温泉早鸟票</text><text class="goods-date data-v-0e67cb8e">预定时间:5月1日</text></view></view><view class="included-services data-v-0e67cb8e"><text class="services-title data-v-0e67cb8e">包含服务</text><view class="service-item data-v-0e67cb8e"><text class="service-name data-v-0e67cb8e">· 精致下午茶</text><text class="service-quantity data-v-0e67cb8e">1份</text></view><view class="service-item data-v-0e67cb8e"><text class="service-name data-v-0e67cb8e">· 接机或接站</text><text class="service-quantity data-v-0e67cb8e">1份</text></view></view></view>
|
||||
89
unpackage/dist/dev/mp-weixin/pages/order/components/GoodsInfo/index.wxss
vendored
Normal file
89
unpackage/dist/dev/mp-weixin/pages/order/components/GoodsInfo/index.wxss
vendored
Normal file
@@ -0,0 +1,89 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.goods-info.data-v-0e67cb8e {
|
||||
background-color: #fff;
|
||||
border-radius: 10px;
|
||||
padding: 12px 16px 20px;
|
||||
}
|
||||
.hotel-header.data-v-0e67cb8e {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.hotel-icon.data-v-0e67cb8e {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
.hotel-name.data-v-0e67cb8e {
|
||||
color: #333;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
}
|
||||
.goods-detail.data-v-0e67cb8e {
|
||||
display: flex;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.goods-image.data-v-0e67cb8e {
|
||||
background-color: pink;
|
||||
width: 65px;
|
||||
height: 65px;
|
||||
border-radius: 8px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
.goods-description.data-v-0e67cb8e {
|
||||
flex: 1;
|
||||
}
|
||||
.goods-title.data-v-0e67cb8e {
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.goods-date.data-v-0e67cb8e {
|
||||
font-size: 12px;
|
||||
color: #666;
|
||||
}
|
||||
.included-services.data-v-0e67cb8e {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.services-title.data-v-0e67cb8e {
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
.service-item.data-v-0e67cb8e {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.service-name.data-v-0e67cb8e {
|
||||
font-size: 14px;
|
||||
}
|
||||
.service-quantity.data-v-0e67cb8e {
|
||||
font-size: 12px;
|
||||
color: #666;
|
||||
}
|
||||
18
unpackage/dist/dev/mp-weixin/pages/order/components/NoticeInfo/index.js
vendored
Normal file
18
unpackage/dist/dev/mp-weixin/pages/order/components/NoticeInfo/index.js
vendored
Normal file
@@ -0,0 +1,18 @@
|
||||
"use strict";
|
||||
const common_assets = require("../../../../common/assets.js");
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
const _sfc_main = {
|
||||
__name: "index",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
a: common_assets._imports_0$4,
|
||||
b: common_assets._imports_1$1,
|
||||
c: common_assets._imports_2$1
|
||||
};
|
||||
};
|
||||
}
|
||||
};
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-65248ec9"]]);
|
||||
wx.createComponent(Component);
|
||||
//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/pages/order/components/NoticeInfo/index.js.map
|
||||
4
unpackage/dist/dev/mp-weixin/pages/order/components/NoticeInfo/index.json
vendored
Normal file
4
unpackage/dist/dev/mp-weixin/pages/order/components/NoticeInfo/index.json
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/pages/order/components/NoticeInfo/index.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/pages/order/components/NoticeInfo/index.wxml
vendored
Normal file
@@ -0,0 +1 @@
|
||||
<view class="notice-info mb12 data-v-65248ec9"><view class="notice-section data-v-65248ec9"><view class="notice-title data-v-65248ec9"><image class="notice-icon data-v-65248ec9" src="{{a}}"></image> 取景点 </view><view class="notice-content data-v-65248ec9">文本内容文本内容文本内容文本内容</view></view><view class="notice-section data-v-65248ec9"><view class="notice-title data-v-65248ec9"><image class="notice-icon data-v-65248ec9" src="{{b}}"></image> 使用处 </view><view class="notice-content data-v-65248ec9"><text class="notice-item data-v-65248ec9">· 文本内容文本内容文本内容</text><text class="notice-item data-v-65248ec9">· 文本内容文本内容文本内容文本内容</text><text class="notice-item data-v-65248ec9">· 文本内容文本内容文本内容文本内容文本内容</text><text class="notice-item data-v-65248ec9">· 文本内容文本内容文本内容</text></view></view><view class="notice-section data-v-65248ec9"><view class="notice-title data-v-65248ec9"><image class="notice-icon data-v-65248ec9" src="{{c}}"></image> 退改说明 </view><view class="notice-content data-v-65248ec9">符合条件可退款</view></view></view>
|
||||
58
unpackage/dist/dev/mp-weixin/pages/order/components/NoticeInfo/index.wxss
vendored
Normal file
58
unpackage/dist/dev/mp-weixin/pages/order/components/NoticeInfo/index.wxss
vendored
Normal file
@@ -0,0 +1,58 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.notice-info.data-v-65248ec9 {
|
||||
background-color: #fff;
|
||||
border-radius: 10px;
|
||||
padding: 16px 18px;
|
||||
}
|
||||
.notice-section.data-v-65248ec9 {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.notice-section.data-v-65248ec9:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.notice-title.data-v-65248ec9 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 8px;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
}
|
||||
.notice-icon.data-v-65248ec9 {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.notice-content.data-v-65248ec9 {
|
||||
font-size: 12px;
|
||||
color: #666;
|
||||
padding-left: 28px;
|
||||
}
|
||||
.notice-item.data-v-65248ec9 {
|
||||
display: block;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
13
unpackage/dist/dev/mp-weixin/pages/order/components/OrderInfo/index.js
vendored
Normal file
13
unpackage/dist/dev/mp-weixin/pages/order/components/OrderInfo/index.js
vendored
Normal file
@@ -0,0 +1,13 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
const _sfc_main = {
|
||||
__name: "index",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => {
|
||||
return {};
|
||||
};
|
||||
}
|
||||
};
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-845df54e"]]);
|
||||
wx.createComponent(Component);
|
||||
//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/pages/order/components/OrderInfo/index.js.map
|
||||
4
unpackage/dist/dev/mp-weixin/pages/order/components/OrderInfo/index.json
vendored
Normal file
4
unpackage/dist/dev/mp-weixin/pages/order/components/OrderInfo/index.json
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/pages/order/components/OrderInfo/index.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/pages/order/components/OrderInfo/index.wxml
vendored
Normal file
@@ -0,0 +1 @@
|
||||
<view class="order-info data-v-845df54e"><view class="order-item data-v-845df54e"><text class="label data-v-845df54e">订单号</text><text class="value data-v-845df54e">HUSUWF29387865</text></view><view class="order-item data-v-845df54e"><text class="label data-v-845df54e">流水号</text><text class="value data-v-845df54e">76487829387865</text></view><view class="order-item data-v-845df54e"><text class="label data-v-845df54e">支付方式</text><text class="value data-v-845df54e">微信</text></view><view class="order-item amount data-v-845df54e"><text class="label data-v-845df54e">实际支付金额</text><text class="value data-v-845df54e">¥31.8</text></view><button class="reserve-button data-v-845df54e">再次预定</button><text class="feedback data-v-845df54e">投诉反馈</text></view>
|
||||
42
unpackage/dist/dev/mp-weixin/pages/order/components/OrderInfo/index.wxss
vendored
Normal file
42
unpackage/dist/dev/mp-weixin/pages/order/components/OrderInfo/index.wxss
vendored
Normal file
@@ -0,0 +1,42 @@
|
||||
.order-info.data-v-845df54e {
|
||||
background-color: #fff;
|
||||
border-radius: 10px;
|
||||
padding: 16px 18px;
|
||||
}
|
||||
.order-item.data-v-845df54e {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.label.data-v-845df54e {
|
||||
font-size: 12px;
|
||||
color: #666;
|
||||
}
|
||||
.value.data-v-845df54e {
|
||||
font-size: 12px;
|
||||
color: #333;
|
||||
}
|
||||
.amount .label.data-v-845df54e {
|
||||
color: #333;
|
||||
}
|
||||
.amount .value.data-v-845df54e {
|
||||
color: #ff5722;
|
||||
font-size: 18px;
|
||||
}
|
||||
.reserve-button.data-v-845df54e {
|
||||
width: 100%;
|
||||
background-color: #ffa500;
|
||||
color: #fff;
|
||||
border: none;
|
||||
border-radius: 50px;
|
||||
height: 42px;
|
||||
font-size: 14px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.feedback.data-v-845df54e {
|
||||
display: block;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
color: #333;
|
||||
margin-top: 10px;
|
||||
}
|
||||
16
unpackage/dist/dev/mp-weixin/pages/order/components/OrderStatusInfo/index.js
vendored
Normal file
16
unpackage/dist/dev/mp-weixin/pages/order/components/OrderStatusInfo/index.js
vendored
Normal file
@@ -0,0 +1,16 @@
|
||||
"use strict";
|
||||
const common_assets = require("../../../../common/assets.js");
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
const _sfc_main = {
|
||||
__name: "index",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
a: common_assets._imports_0$2
|
||||
};
|
||||
};
|
||||
}
|
||||
};
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-10c0c630"]]);
|
||||
wx.createComponent(Component);
|
||||
//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/pages/order/components/OrderStatusInfo/index.js.map
|
||||
4
unpackage/dist/dev/mp-weixin/pages/order/components/OrderStatusInfo/index.json
vendored
Normal file
4
unpackage/dist/dev/mp-weixin/pages/order/components/OrderStatusInfo/index.json
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/pages/order/components/OrderStatusInfo/index.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/pages/order/components/OrderStatusInfo/index.wxml
vendored
Normal file
@@ -0,0 +1 @@
|
||||
<view class="order-status data-v-10c0c630"><view class="status-header data-v-10c0c630"><image class="status-icon data-v-10c0c630" src="{{a}}"></image><text class="status-text data-v-10c0c630">已取消</text></view><view class="status-description data-v-10c0c630"> 您已取消待支付的订单 </view></view>
|
||||
24
unpackage/dist/dev/mp-weixin/pages/order/components/OrderStatusInfo/index.wxss
vendored
Normal file
24
unpackage/dist/dev/mp-weixin/pages/order/components/OrderStatusInfo/index.wxss
vendored
Normal file
@@ -0,0 +1,24 @@
|
||||
.order-status.data-v-10c0c630 {
|
||||
color: #fff;
|
||||
padding: 20px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.status-header.data-v-10c0c630 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.status-icon.data-v-10c0c630 {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
.status-text.data-v-10c0c630 {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.status-description.data-v-10c0c630 {
|
||||
font-size: 12px;
|
||||
}
|
||||
18
unpackage/dist/dev/mp-weixin/pages/order/components/UserInfo/index.js
vendored
Normal file
18
unpackage/dist/dev/mp-weixin/pages/order/components/UserInfo/index.js
vendored
Normal file
@@ -0,0 +1,18 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
const contactName = "李元一";
|
||||
const contactPhone = "13172891829";
|
||||
const _sfc_main = {
|
||||
__name: "index",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
a: common_vendor.t(contactName),
|
||||
b: common_vendor.t(contactPhone)
|
||||
};
|
||||
};
|
||||
}
|
||||
};
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-03373a80"]]);
|
||||
wx.createComponent(Component);
|
||||
//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/pages/order/components/UserInfo/index.js.map
|
||||
4
unpackage/dist/dev/mp-weixin/pages/order/components/UserInfo/index.json
vendored
Normal file
4
unpackage/dist/dev/mp-weixin/pages/order/components/UserInfo/index.json
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/pages/order/components/UserInfo/index.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/pages/order/components/UserInfo/index.wxml
vendored
Normal file
@@ -0,0 +1 @@
|
||||
<view class="user-info mb12 data-v-03373a80"><view class="user-info-title data-v-03373a80">游客信息</view><view class="user-info-item data-v-03373a80"><text class="label data-v-03373a80">联系游客:</text><text class="value data-v-03373a80">{{a}}</text></view><view class="user-info-item data-v-03373a80"><text class="label data-v-03373a80">联系电话:</text><text class="value data-v-03373a80">{{b}}</text></view></view>
|
||||
24
unpackage/dist/dev/mp-weixin/pages/order/components/UserInfo/index.wxss
vendored
Normal file
24
unpackage/dist/dev/mp-weixin/pages/order/components/UserInfo/index.wxss
vendored
Normal file
@@ -0,0 +1,24 @@
|
||||
.user-info.data-v-03373a80 {
|
||||
background-color: #fff;
|
||||
border-radius: 10px;
|
||||
padding: 16px 18px;
|
||||
}
|
||||
.user-info-title.data-v-03373a80 {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
.user-info-item.data-v-03373a80 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.label.data-v-03373a80 {
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
margin-right: 8px;
|
||||
}
|
||||
.value.data-v-03373a80 {
|
||||
font-size: 14px;
|
||||
color: #333;
|
||||
}
|
||||
24
unpackage/dist/dev/mp-weixin/pages/order/detail.js
vendored
Normal file
24
unpackage/dist/dev/mp-weixin/pages/order/detail.js
vendored
Normal file
@@ -0,0 +1,24 @@
|
||||
"use strict";
|
||||
const common_assets = require("../../common/assets.js");
|
||||
const common_vendor = require("../../common/vendor.js");
|
||||
if (!Math) {
|
||||
(OrderStatusInfo + GoodsInfo + UserInfo + NoticeInfo + OrderInfo)();
|
||||
}
|
||||
const OrderStatusInfo = () => "./components/OrderStatusInfo/index.js";
|
||||
const GoodsInfo = () => "./components/GoodsInfo/index.js";
|
||||
const UserInfo = () => "./components/UserInfo/index.js";
|
||||
const NoticeInfo = () => "./components/NoticeInfo/index.js";
|
||||
const OrderInfo = () => "./components/OrderInfo/index.js";
|
||||
const _sfc_main = {
|
||||
__name: "detail",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
a: common_assets._imports_0
|
||||
};
|
||||
};
|
||||
}
|
||||
};
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-6b23c96c"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
//# sourceMappingURL=../../../.sourcemap/mp-weixin/pages/order/detail.js.map
|
||||
10
unpackage/dist/dev/mp-weixin/pages/order/detail.json
vendored
Normal file
10
unpackage/dist/dev/mp-weixin/pages/order/detail.json
vendored
Normal file
@@ -0,0 +1,10 @@
|
||||
{
|
||||
"navigationStyle": "custom",
|
||||
"usingComponents": {
|
||||
"order-status-info": "./components/OrderStatusInfo/index",
|
||||
"goods-info": "./components/GoodsInfo/index",
|
||||
"user-info": "./components/UserInfo/index",
|
||||
"notice-info": "./components/NoticeInfo/index",
|
||||
"order-info": "./components/OrderInfo/index"
|
||||
}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/pages/order/detail.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/pages/order/detail.wxml
vendored
Normal file
@@ -0,0 +1 @@
|
||||
<view class="order-detail-wrapper data-v-6b23c96c"><image class="icon-back data-v-6b23c96c" src="{{a}}"/><order-status-info class="data-v-6b23c96c" u-i="6b23c96c-0" bind:__l="__l"/><goods-info class="data-v-6b23c96c" u-i="6b23c96c-1" bind:__l="__l"/><user-info class="data-v-6b23c96c" u-i="6b23c96c-2" bind:__l="__l"/><notice-info class="data-v-6b23c96c" u-i="6b23c96c-3" bind:__l="__l"/><order-info class="data-v-6b23c96c" u-i="6b23c96c-4" bind:__l="__l"/></view>
|
||||
36
unpackage/dist/dev/mp-weixin/pages/order/detail.wxss
vendored
Normal file
36
unpackage/dist/dev/mp-weixin/pages/order/detail.wxss
vendored
Normal file
File diff suppressed because one or more lines are too long
9
unpackage/dist/dev/mp-weixin/pages/order/list.js
vendored
Normal file
9
unpackage/dist/dev/mp-weixin/pages/order/list.js
vendored
Normal file
@@ -0,0 +1,9 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../common/vendor.js");
|
||||
const _sfc_main = {};
|
||||
function _sfc_render(_ctx, _cache) {
|
||||
return {};
|
||||
}
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
//# sourceMappingURL=../../../.sourcemap/mp-weixin/pages/order/list.js.map
|
||||
4
unpackage/dist/dev/mp-weixin/pages/order/list.json
vendored
Normal file
4
unpackage/dist/dev/mp-weixin/pages/order/list.json
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"navigationStyle": "custom",
|
||||
"usingComponents": {}
|
||||
}
|
||||
0
unpackage/dist/dev/mp-weixin/pages/order/list.wxml
vendored
Normal file
0
unpackage/dist/dev/mp-weixin/pages/order/list.wxml
vendored
Normal file
0
unpackage/dist/dev/mp-weixin/pages/order/list.wxss
vendored
Normal file
0
unpackage/dist/dev/mp-weixin/pages/order/list.wxss
vendored
Normal file
Reference in New Issue
Block a user