From 92230c9a97dc9ce9df3313d11d26999c04bb6b26 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期二, 15 七月 2025 13:12:48 +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