From d30a31e7c2a9acd08da8983e42e6fdf014707a04 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期五, 26 九月 2025 15:39:47 +0800
Subject: [PATCH] 打包修改
---
src/pages_geek/pages/index/index.vue | 131 +++++++++++++++++++++++++++++++++++++++++++
1 files changed, 131 insertions(+), 0 deletions(-)
diff --git a/src/pages_geek/pages/index/index.vue b/src/pages_geek/pages/index/index.vue
new file mode 100644
index 0000000..7dfb832
--- /dev/null
+++ b/src/pages_geek/pages/index/index.vue
@@ -0,0 +1,131 @@
+<template>
+ <view style="background-color: #f6f6f6;">
+ <uni-section class="mb-10" title="鏁板�兼澘" sub-title="statistic" type="line"></uni-section>
+ <u-row gutter="0">
+ <u-col span="6">
+ <geek-statistic label="璁㈠崟鏁伴噺(涓�)" labelColor="#1f1f1f" :number="0" numberColor="red" />
+ </u-col>
+ <u-col span="6">
+ <geek-statistic label="浜ゆ槗閲戦(鍏�)" labelColor="#1f1f1f" :number="0" numberColor="red" />
+ </u-col>
+ </u-row>
+
+ <uni-section class="mb-10" title="鑿滃崟" sub-title="menu" type="line"></uni-section>
+ <view style="width: 100%; display: flex;justify-content:space-evenly;align-items: center;">
+ <geek-menu v-for="menu, index in menus" :key="index" v-bind=menu :size="60" @click="modal.msg(menu.label)"
+ type="circle" />
+ </view>
+ <view style="width: 100%; display: flex;justify-content:space-evenly;align-items: center;">
+ <geek-menu v-for="menu, index in menus" :key="index" :icon="menu.icon" :label="menu.label" :size="60"
+ @click="modal.msg(menu.label)" type="rect" />
+ </view>
+
+ <uni-section class="mb-10" title="鍟嗗搧鍒楄〃" sub-title="commodity" type="line"></uni-section>
+ <view style="display: flex;flex-direction: column;justify-content: center;align-items: center;">
+ <geek-commodity v-for="item, index in commodityList" :key="index" v-bind="item" type="line"
+ @click="modal.msg(item.title)" />
+ </view>
+ <view style="display: flex;justify-content: center;">
+ <view>
+ <geek-commodity v-for="item, index in commodityList.slice(0, 2)" :key="index" v-bind="item" type="rect"
+ @click="modal.msg(item.title)" />
+ </view>
+ <view>
+ <geek-commodity v-for="item, index in commodityList.slice(1, 3)" :key="index" v-bind="item" type="rect"
+ @click="modal.msg(item.title)" />
+ </view>
+ </view>
+
+ <uni-section class="mb-10" title="璁㈠崟鍒楄〃" sub-title="order" type="line"></uni-section>
+ <geek-order v-for="item, index in orderList" :key="index" v-bind="item" @more="modal.msg('鏇村')"
+ @again="modal.msg('鍐嶆璐拱')" @return="modal.msg('閫�鎹�')" @sell="modal.msg('鍗栦簡鎹㈤挶')"></geek-order>
+
+ <uni-section class="mb-10" title="棰滆壊閫夋嫨鍣�" sub-title="order" type="line"></uni-section>
+ <geek-color-picker ref="gk" @confirm="getcolor"></geek-color-picker>
+ <button @click="open()">鎵撳紑棰滆壊閫夋嫨鍣�</button>
+
+
+ <uni-section class="mb-10" title="浜岀淮鐮�" sub-title="order" type="line"></uni-section>
+ <view style="display: flex;align-items: center;justify-content: center;">
+ <geek-qrcode cid="qrcode2" ref="qrcode2" val="浜岀淮鐮�" :loadMake="true" />
+ </view>
+ </view>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive } from 'vue';
+import modal from '@/plugins/modal'
+import { Commodity, CommodityOrder, Menu } from "@/components/geek-xd/types"
+
+const gk = ref(null)
+function open() {
+ //@ts-ignore
+ gk.value.open()
+}
+function getcolor(color: { hex: string, rgba: { r: number, g: number, b: number, a: number } }) {
+ console.log(color)
+}
+
+const menus: Array<Menu> = reactive([
+ { icon: "/static/images/icon/rocket.png", label: '鎶㈠崟' },
+ { icon: "/static/images/icon/phone.png", label: '鍥炶' },
+ { icon: "/static/images/icon/message.png", label: '娑堟伅' },
+ { icon: "/static/images/icon/dialogue.png", label: '鍏憡' },
+ { icon: "/static/images/icon/knowledge.png", label: '鐭ヨ瘑搴�' }
+]);
+
+const commodityList: Array<Commodity> = reactive([
+ {
+ img: '/static/images/banner/banner01.jpg',
+ title: '鍟嗗搧1',
+ subTitle: '鍟嗗搧1绠�浠�',
+ price: 100,
+ },
+ {
+ img: '/static/images/banner/banner02.jpg',
+ title: '鍟嗗搧2',
+ subTitle: '鍟嗗搧2绠�浠嬪晢鍝�2绠�浠嬪晢鍝�2绠�浠嬪晢鍝�2绠�浠嬪晢鍝�2绠�浠嬪晢鍝�2绠�浠嬪晢鍝�2绠�浠嬪晢鍝�2绠�浠嬪晢鍝�2绠�浠嬪晢鍝�2绠�浠嬪晢鍝�2绠�浠嬪晢鍝�2绠�浠嬪晢鍝�2绠�浠嬪晢鍝�2绠�浠嬪晢鍝�2绠�浠嬪晢鍝�2绠�浠嬪晢鍝�2绠�浠嬪晢鍝�2绠�浠嬪晢鍝�2绠�浠嬪晢鍝�2绠�浠嬪晢鍝�2绠�浠嬪晢鍝�2绠�浠嬪晢鍝�2绠�浠嬪晢鍝�2绠�浠嬪晢鍝�2绠�浠嬪晢鍝�2绠�浠嬪晢鍝�2绠�浠嬪晢鍝�2绠�浠�',
+ price: 300,
+ },
+ {
+ img: '/static/images/banner/banner03.jpg',
+ title: '鍟嗗搧3',
+ subTitle: '鍟嗗搧3绠�浠�',
+ price: 200,
+ }
+])
+
+const orderList: Array<CommodityOrder> = [
+ {
+ shop: 'geek鑷惀鏃楄埌搴�',
+ status: '瀹屾垚',
+ img: '/static/images/banner/banner01.jpg',
+ title: '鍟嗗搧1',
+ label: '鍟嗗搧1绠�浠�',
+ price: 100.32,
+ num: 10
+ },
+ {
+ shop: 'geek鑷惀鏃楄埌搴�',
+ status: '宸插彇娑�',
+ img: '/static/images/banner/banner03.jpg',
+ title: '鍟嗗晢鍟嗗晢鍟嗗晢鍟嗗晢鍟嗗晢鍟嗗晢鍟嗗晢鍟嗗晢鍟嗗晢鍟嗗晢鍟嗗晢鍟嗗晢鍟嗗晢鍟嗗晢鍟嗗晢鍟嗗晢鍟嗗晢鍝�3',
+ label: '鍟嗗搧3绠�浠�',
+ price: 2000.67,
+ num: 10
+ },
+ {
+ shop: 'geek鑷惀鏃楄埌搴�',
+ status: '宸插彇娑�',
+ img: '/static/images/banner/banner03.jpg',
+ title: '鍟嗗晢鍟嗗晢鍟嗗晢鍟嗗晢鍟嗗晢鍟嗗晢鍟嗗晢鍟嗗晢鍟嗗晢鍟嗗晢鍟嗗晢鍟嗗晢鍟嗗晢鍟嗗晢鍟嗗晢鍟嗗晢鍟嗗晢鍝�3',
+ label: '鍟嗗搧3绠�浠�',
+ price: 10.67,
+ num: 10
+ }
+]
+
+
+</script>
+
+<style lang="scss" scoped></style>
--
Gitblit v1.9.3