xinyin025/geekai
1
0
Fork 0
mirror of https://github.com/yangjian102621/geekai.git synced 2025-09-17 16:56:38 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

opt: 优化 ItemList 组件样式，调整支付页面布局

Browse Source
This commit is contained in:
RockYang 2023-11-11 22:11:04 +08:00
parent 7858228505
commit ed0a1c57d6
4 changed files with 77 additions and 69 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
database/update-v3.1.8.sql
View File

@ -44,3 +44,5 @@ INSERT INTO `chatgpt_products` (`id`, `name`, `price`, `discount`, `days`, `call
ALTER TABLE `chatgpt_products` ADD PRIMARY KEY (`id`); ALTER TABLE `chatgpt_products` ADD PRIMARY KEY (`id`);
ALTER TABLE `chatgpt_products` MODIFY `id` int NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=6; ALTER TABLE `chatgpt_products` MODIFY `id` int NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=6;
ALTER TABLE `chatgpt_orders` ADD `pay_way` VARCHAR(20) DEFAULT '0' NOT NULL COMMENT '支付方式' AFTER `pay_time`;

2
docker/dockerfile-vue
View File

@ -1,5 +1,5 @@
# 前端 Vue 项目构建 # 前端 Vue 项目构建
FROM nginx:1.20 FROM nginx:1.20.2
MAINTAINER yangjian<yangjian102621@163.com> MAINTAINER yangjian<yangjian102621@163.com>

2
web/src/components/ItemList.vue
View File

@ -47,7 +47,7 @@ onMounted(() => {
const computeSize = () => { const computeSize = () => {
const w = container.value.offsetWidth - 8 // 减去滚动条的宽度 const w = container.value.offsetWidth - 8 // 减去滚动条的宽度
let cols = Math.floor(w / props.width) let cols = Math.floor(w / props.width)
itemWidth.value = Math.ceil(w / cols) - 1 itemWidth.value = Math.ceil(w / cols)
} }
window.onresize = () => { window.onresize = () => {

20
web/src/views/Member.vue
View File

@ -4,6 +4,8 @@
会员充值中心 会员充值中心
</div> </div>
<div class="inner" :style="{height: listBoxHeight + 'px'}"> <div class="inner" :style="{height: listBoxHeight + 'px'}">
<el-row :gutter="20">
<el-col :span="7">
<div class="user-profile"> <div class="user-profile">
<user-profile/> <user-profile/>
@ -18,7 +20,8 @@
<el-button type="primary" v-if="enableReward" @click="showRewardDialog = true">加入众筹</el-button> <el-button type="primary" v-if="enableReward" @click="showRewardDialog = true">加入众筹</el-button>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-button type="primary" v-if="enableReward" @click="showRewardVerifyDialog = true">众筹核销</el-button> <el-button type="primary" v-if="enableReward" @click="showRewardVerifyDialog = true">众筹核销
</el-button>
</el-col> </el-col>
<el-col :span="24" style="padding-top: 30px"> <el-col :span="24" style="padding-top: 30px">
@ -26,7 +29,9 @@
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
</el-col>
<el-col :span="17">
<div class="product-box"> <div class="product-box">
<div class="info"> <div class="info">
<el-alert type="info" show-icon :closable="false" effect="dark"> <el-alert type="info" show-icon :closable="false" effect="dark">
@ -69,6 +74,9 @@
<user-order v-if="isLogin"/> <user-order v-if="isLogin"/>
</div> </div>
</div> </div>
</el-col>
</el-row>
</div> </div>
<login-dialog :show="showLoginDialog" @hide="showLoginDialog = false"/> <login-dialog :show="showLoginDialog" @hide="showLoginDialog = false"/>
@ -203,6 +211,7 @@ const orderPay = (row) => {
curPayProduct.value = row curPayProduct.value = row
} }
loading.value = true loading.value = true
text.value = ""
httpPost("/api/payment/alipay/qrcode", {product_id: curPayProduct.value.id, user_id: user.value.id}).then(res => { httpPost("/api/payment/alipay/qrcode", {product_id: curPayProduct.value.id, user_id: user.value.id}).then(res => {
showPayDialog.value = true showPayDialog.value = true
qrcode.value = res.data['image'] qrcode.value = res.data['image']
@ -336,15 +345,12 @@ const logout = function () {
.product-box { .product-box {
width 100%
padding-left 20px
.info { .info {
.el-alert__description { .el-alert__description {
font-size 14px !important font-size 14px !important
margin 0 margin 0
} }
padding 10px 20px padding 10px 20px 20px 0
} }
.list-box { .list-box {
@ -421,11 +427,11 @@ const logout = function () {
} }
.headline { .headline {
padding 0 20px padding 0 20px 20px 0
} }
.user-order { .user-order {
padding 0 20px 20px 20px padding 0 20px 20px 0
} }
} }
} }