mirror of
http://git.coreshop.cn/jianweie/coreshoppro.git
synced 2025-12-06 19:53:27 +08:00
【新增】余额明细增加【说明】功能，展示每个余额消费记录的说明内容。
This commit is contained in:
JianWeie
@@ -22,18 +22,24 @@
|
||||
</u-sticky>
|
||||
<view class="coreshop-margin-top-15 coreshop-margin-left-15 coreshop-margin-right-15 radius">
|
||||
<view v-if="list.length>0">
|
||||
<view class="coreshop-log-item coreshop-flex coreshop-justify-between" v-for="item in list" :key="item.id">
|
||||
<view class="item-left coreshop-flex coreshop-align-center">
|
||||
<view class="coreshop-flex coreshop-flex-direction coreshop-align-start">
|
||||
<view class="log-name coreshop-text-black">{{ item.typeName }}</view>
|
||||
<view class="log-notice coreshop-text-grey">余额：{{ item.balance }}</view>
|
||||
<view class="coreshop-log-item coreshop-margin-bottom-10" v-for="item in list" :key="item.id">
|
||||
<view class="coreshop-flex coreshop-justify-between">
|
||||
<view class="item-left coreshop-flex coreshop-align-center">
|
||||
<view class="coreshop-flex coreshop-flex-direction coreshop-align-start">
|
||||
<view class="log-name coreshop-text-black">{{ item.typeName }}</view>
|
||||
<view class="log-notice coreshop-text-grey">余额：{{ item.balance }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="item-right coreshop-flex coreshop-flex-direction coreshop-align-center coreshop-justify-center">
|
||||
<view class="log-num coreshop-text-red">{{ item.money }}</view>
|
||||
<view class="log-date coreshop-text-grey">{{ item.createTime }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="item-right coreshop-flex coreshop-flex-direction coreshop-align-center coreshop-justify-center">
|
||||
<view class="log-num coreshop-text-red">{{ item.money }}</view>
|
||||
<view class="log-date coreshop-text-grey">{{ item.createTime }}</view>
|
||||
<view class="coreshop-log-memo coreshop-text-grey">
|
||||
说明：{{item.memo}}
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 更多 -->
|
||||
<u-loadmore :status="status" :icon-type="iconType" :load-text="loadText" margin-top="20" margin-bottom="20" />
|
||||
</view>
|
||||
@@ -50,7 +56,7 @@
|
||||
data() {
|
||||
return {
|
||||
objectType: ['全部', '消费', '退款', '充值', '提现', '佣金', '平台调整', '奖励'],
|
||||
index: 0, // 默认选中的类型 索引
|
||||
index: 0, // 默认选中的类型 索引
|
||||
page: 1,
|
||||
limit: 10,
|
||||
list: [],
|
||||
|
||||
@@ -453,18 +453,18 @@ u-icon { line-height: 0; }
|
||||
|
||||
|
||||
/*常用日志数据多列列表三联*/
|
||||
.coreshop-log-item { height: 71px; background-color: #fff; padding: 0 15px; border-bottom: 0.5px solid #eee;
|
||||
.coreshop-log-item { min-height: 71px; background-color: #fff; padding: 15px; border-bottom: 0.5px solid #eee;
|
||||
.item-left {
|
||||
.log-img { width: 25px; height: 25px; border-radius: 50%; margin-right: 12px; }
|
||||
.log-name { font-size: 14px; font-weight: 500; margin-bottom: 6px; }
|
||||
.log-notice { font-size: 11px; font-weight: 500; }
|
||||
.log-notice { font-size: 12px; font-weight: 500; }
|
||||
}
|
||||
.item-right {
|
||||
.log-num { font-size: 14px; font-weight: 500; margin-bottom: 6px; }
|
||||
.log-date { font-size: 11px; font-weight: 400; }
|
||||
.log-date { font-size: 12px; font-weight: 400; }
|
||||
}
|
||||
}
|
||||
|
||||
.coreshop-log-memo { font-size: 12px; margin-top: 6px; }
|
||||
|
||||
/*占高区*/
|
||||
.coreshop-card-hight-box { height: 23px; }
|
||||
@@ -708,4 +708,4 @@ u-icon { line-height: 0; }
|
||||
.cate-list .item:nth-child(5n) { margin-right: 0rpx; }
|
||||
.index-goods .goods { -webkit-column-break-inside: avoid; border-radius: 18rpx; break-inside: avoid; margin-bottom: 24rpx; width: 326rpx; }
|
||||
.coreshop-title-294 { width: 294rpx; }
|
||||
.coreshop-image-price-tags { height: 32rpx; margin-bottom: 4rpx; margin-right: 12rpx; vertical-align: middle; width: 98rpx; }
|
||||
.coreshop-image-price-tags { height: 32rpx; margin-bottom: 4rpx; margin-right: 12rpx; vertical-align: middle; width: 98rpx; }
|
||||
|
||||
@@ -1,68 +1,42 @@
|
||||
page { color: $core-main-color; font-size: 14px; }
|
||||
/* start--微信小程序编译后页面有组件名的元素，特别处理--start */
|
||||
/* #ifdef MP-WEIXIN || MP-QQ */
|
||||
u-td, u-th { flex: 1; align-self: stretch; }
|
||||
|
||||
/* start--去除webkit的默认样式--start */
|
||||
.u-fix-ios-appearance { -webkit-appearance: none; }
|
||||
/* end--去除webkit的默认样式--end */
|
||||
.u-td { height: 100%; }
|
||||
|
||||
/* start--icon图标外层套一个view，让其达到更好的垂直居中的效果--start */
|
||||
.u-icon-wrap { display: flex; align-items: center; }
|
||||
/* end-icon图标外层套一个view，让其达到更好的垂直居中的效果--end */
|
||||
u-icon { display: inline-flex; align-items: center; }
|
||||
|
||||
/* start--iPhoneX底部安全区定义--start */
|
||||
.safe-area-inset-bottom { padding-bottom: 0; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); }
|
||||
/* end-iPhoneX底部安全区定义--end */
|
||||
// 各家小程序宫格组件外层设置为100%，避免受到父元素display: flex;的影响
|
||||
u-grid { width: 100%; flex: 0 0 100%; }
|
||||
|
||||
/* start--各种hover点击反馈相关的类名-start */
|
||||
.u-hover-class { opacity: 0.6; }
|
||||
.u-cell-hover { background-color: #f7f8f9 !important; }
|
||||
/* end--各种hover点击反馈相关的类名--end */ /* start--文本行数限制--start */
|
||||
.u-line-1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
|
||||
.u-line-2 { -webkit-line-clamp: 2; }
|
||||
// 避免小程序线条组件因为父组件display: flex;而失效
|
||||
u-line { flex: 1; }
|
||||
|
||||
.u-line-3 { -webkit-line-clamp: 3; }
|
||||
u-switch { display: inline-flex; align-items: center; }
|
||||
|
||||
.u-line-4 { -webkit-line-clamp: 4; }
|
||||
u-dropdown { flex: 1; }
|
||||
/* #endif */
|
||||
/* end-微信小程序编译后页面有组件名的元素，特别处理--end */
|
||||
|
||||
.u-line-5 { -webkit-line-clamp: 5; }
|
||||
/*// 弹性伸缩盒 -webkit-box-orient: vertical; // 设置伸缩盒子元素排列方式*/ .u-line-2, .u-line-3, .u-line-4, .u-line-5 { overflow: hidden; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; }
|
||||
/* end--文本行数限制--end */ /* start--Retina 屏幕下的 1px 边框--start */
|
||||
.u-border,
|
||||
.u-border-bottom,
|
||||
.u-border-left,
|
||||
.u-border-right,
|
||||
.u-border-top,
|
||||
.u-border-top-bottom { position: relative }
|
||||
/*// 多加0.1%，能解决有时候边框缺失的问题*/ .u-border-bottom:after,
|
||||
.u-border-left:after,
|
||||
.u-border-right:after,
|
||||
.u-border-top-bottom:after,
|
||||
.u-border-top:after,
|
||||
.u-border:after { /* #ifndef APP-NVUE */ content: ' '; /* #endif */ position: absolute; left: 0; top: 0; pointer-events: none; box-sizing: border-box; -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 199.8%; height: 199.7%; transform: scale(0.5, 0.5); border: 0 solid $u-border-color; z-index: 2; }
|
||||
.u-border-top:after { border-top-width: 1px }
|
||||
|
||||
.u-border-left:after { border-left-width: 1px }
|
||||
/* #ifdef MP-QQ || MP-TOUTIAO */
|
||||
// 需要做这一切额外的兼容，都是因为TX的无能
|
||||
u-icon { line-height: 0; }
|
||||
/* #endif */
|
||||
|
||||
.u-border-right:after { border-right-width: 1px }
|
||||
/* start--头条小程序编译后页面有组件名的元素，特别处理--start */
|
||||
// 由于头条小程序不支持直接组件名形式写样式，目前只能在写组件的时候给组件加上对应的类名
|
||||
/* #ifdef MP-TOUTIAO */
|
||||
.u-td, .u-th, .u-tr { flex: 1; align-self: stretch; }
|
||||
|
||||
.u-border-bottom:after { border-bottom-width: 1px }
|
||||
.u-row, .u-col { flex: 1; align-self: stretch; }
|
||||
|
||||
.u-border-top-bottom:after { border-width: 1px 0 }
|
||||
|
||||
.u-border:after { border-width: 1px }
|
||||
/* end--Retina 屏幕下的 1px 边框--end */ /* start--clearfix--start */
|
||||
.u-clearfix:after,
|
||||
.clearfix:after { /* #ifndef APP-NVUE */ content: ''; /* #endif */ display: table; clear: both }
|
||||
/* end--clearfix--end */ /* start--高斯模糊tabbar底部处理--start */
|
||||
.u-blur-effect-inset { width: 750rpx; height: var(--window-bottom); background-color: #FFFFFF; }
|
||||
/* end--高斯模糊tabbar底部处理--end */ /* start--提升H5端uni.toast()的层级，避免被uView的modal等遮盖--start */ /* #ifdef H5 */
|
||||
uni-toast { z-index: 10090; }
|
||||
uni-toast .uni-toast { z-index: 10090; }
|
||||
/* #endif */ /* end--提升H5端uni.toast()的层级，避免被uView的modal等遮盖--end */ /* start--去除button的所有默认样式--start */
|
||||
.u-reset-button { padding: 0; font-size: inherit; line-height: inherit; background-color: transparent; color: inherit; }
|
||||
|
||||
.u-reset-button::after { border: none; }
|
||||
/* end--去除button的所有默认样式--end */
|
||||
// 避免小程序线条组件因为父组件display: flex;而失效
|
||||
.u-line { flex: 1; }
|
||||
|
||||
.u-dropdown { flex: 1; }
|
||||
/* #endif */
|
||||
/* end-头条小程序编译后页面有组件名的元素，特别处理--end */
|
||||
|
||||
|
||||
|
||||
@@ -479,18 +453,18 @@ uni-toast { z-index: 10090; }
|
||||
|
||||
|
||||
/*常用日志数据多列列表三联*/
|
||||
.coreshop-log-item { height: 71px; background-color: #fff; padding: 0 15px; border-bottom: 0.5px solid #eee;
|
||||
.coreshop-log-item { min-height: 71px; background-color: #fff; padding: 15px; border-bottom: 0.5px solid #eee;
|
||||
.item-left {
|
||||
.log-img { width: 25px; height: 25px; border-radius: 50%; margin-right: 12px; }
|
||||
.log-name { font-size: 14px; font-weight: 500; margin-bottom: 6px; }
|
||||
.log-notice { font-size: 11px; font-weight: 500; }
|
||||
.log-notice { font-size: 12px; font-weight: 500; }
|
||||
}
|
||||
.item-right {
|
||||
.log-num { font-size: 14px; font-weight: 500; margin-bottom: 6px; }
|
||||
.log-date { font-size: 11px; font-weight: 400; }
|
||||
.log-date { font-size: 12px; font-weight: 400; }
|
||||
}
|
||||
}
|
||||
|
||||
.coreshop-log-memo { font-size: 12px; margin-top: 6px; }
|
||||
|
||||
/*占高区*/
|
||||
.coreshop-card-hight-box { height: 23px; }
|
||||
@@ -505,7 +479,7 @@ uni-toast { z-index: 10090; }
|
||||
}
|
||||
|
||||
|
||||
.coreshop-navbar-left-slot { display: flex; flex-wrap: wrap; align-items: center; flex-direction: row; justify-content: space-between; }
|
||||
.coreshop-navbar-left-slot { display: flex; align-items: center; justify-content: space-between; opacity: 0.8; flex-direction: row; /*padding: 3px 7px; border: 1px solid; border-width: 0.5px; border-radius: 100px; border-color: #dcdcdc;*/ }
|
||||
/*支付界面效果*/
|
||||
.payment-wx {
|
||||
.coreshop-btn { background-color: #fff; line-height: 1.7; padding: 0; width: 367px; position: relative; display: flex; align-items: center; }
|
||||
@@ -644,15 +618,14 @@ uni-toast { z-index: 10090; }
|
||||
.group-box { background: linear-gradient(#fff, #f5f5f5); border-radius: 10px; margin: 0 10px 10px 10px; min-height: 500px;
|
||||
.goods-item { border-radius: 10px; overflow: hidden; position: relative; margin-bottom: 10px;
|
||||
.tag { position: absolute; left: 0; top: 5px; z-index: 2; line-height: 17.5px; background: linear-gradient(132deg, rgba(255, 153, 93, 1), rgba(255, 99, 97, 1)); border-radius: 0px 9px 9px 0px; padding: 0 5px; font-size: 12px; font-family: PingFang SC; font-weight: bold; color: rgba(255, 255, 255, 0.8); }
|
||||
.goods-right { width: 240px;
|
||||
.title { width: 240px; color: $u-main-color }
|
||||
.tip { width: 240px; }
|
||||
.goods-right {
|
||||
.title { color: $u-main-color }
|
||||
.tip { }
|
||||
}
|
||||
.buy-btn { position: absolute; right: 0; bottom: -5px; width: 130px; height: 30px; background: linear-gradient(90deg, rgba(254, 131, 42, 1), rgba(255, 102, 0, 1)); box-shadow: 0px 3.5px 3px 0px rgba(255, 104, 4, 0.22); border-radius: 15px; font-size: 14px; font-family: PingFang SC; font-weight: 500; color: #fff; padding: 0; }
|
||||
.buy-btn { width: 130px; height: 30px; background: linear-gradient(90deg, rgba(254, 131, 42, 1), rgba(255, 102, 0, 1)); box-shadow: 0px 3.5px 3px 0px rgba(255, 104, 4, 0.22); border-radius: 15px; font-size: 14px; font-family: PingFang SC; font-weight: 500; color: #fff; padding: 0; }
|
||||
.group-num { font-size: 10px; font-family: PingFang SC; font-weight: 500; color: rgba(153, 153, 153, 1); margin-left: 10px; }
|
||||
.sell-box { background: rgba(255, 224, 226, 0.3); border-radius: 8px; line-height: 16px; padding: 0 5px;
|
||||
.sell-num { font-size: 10px; font-family: PingFang SC; font-weight: 400; color: rgba(247, 151, 156, 1); }
|
||||
|
||||
.cuIcon-hotfill { font-size: 13px; color: #e1212b; margin-right: 4px; }
|
||||
}
|
||||
}
|
||||
@@ -660,12 +633,12 @@ uni-toast { z-index: 10090; }
|
||||
.group-boxComponents.group-box { min-height: 25px; }
|
||||
|
||||
.activity-goods-box { padding: 20px 10px; background: #fff;
|
||||
.img-box { margin-right: 10px; width: 100px; height: 100px; overflow: hidden; position: relative;
|
||||
.img-box { margin-right: 10px; width: 140px; height: 140px; overflow: hidden; position: relative;
|
||||
.img { width: 100px; height: 100px; background-color: #ccc; }
|
||||
}
|
||||
.goods-right { width: 425px; min-height: 100px; position: relative;
|
||||
.goods-right { min-height: 100px; position: relative;
|
||||
.title { font-size: 14px; line-height: 20px; }
|
||||
.tip { font-size: 11px; color: #a8700d; width: 250px; padding: 3px 0; }
|
||||
.tip { font-size: 11px; color: #a8700d; padding: 3px 0; }
|
||||
.current { font-size: 14px; font-weight: 500; color: rgba(225, 33, 43, 1); }
|
||||
.original { font-size: 11px; font-weight: 400; text-decoration: line-through; color: rgba(153, 153, 153, 1); margin-left: 7px; }
|
||||
}
|
||||
@@ -702,6 +675,37 @@ uni-toast { z-index: 10090; }
|
||||
.solitaire-details-product-item { background: #FFFFFF; border-radius: 4px; margin: 0 10px; margin-top: 10px; border-radius: 8px; padding: 10px 10px; background: #FFFFFF !important; }
|
||||
|
||||
|
||||
|
||||
|
||||
.contact-btn { margin: 0 auto; }
|
||||
|
||||
|
||||
/*商品参数*/
|
||||
.goods-param-box { border: 0.5px solid #c3c3c3; border-radius: 6px; margin-top: 12rpx; }
|
||||
.goods-param-line { border-bottom: 0.5px solid #c3c3c3; display: flex; height: 34px; line-height: 34px; }
|
||||
.goods-param-line:last-child { border-bottom: 0; }
|
||||
.goods-param-line .name { background: #f3f3f3; border-right: 0.5px solid #c3c3c3; color: #616161; font-size: 12px; height: 34px; line-height: 34px; text-align: center; width: 95px; }
|
||||
.goods-param-line .value { color: #2f2f2f; font-size: 12px; padding-left: 12px; width: 215px; }
|
||||
|
||||
.line-70 { background: #c3c3c3; height: 1px; margin-top: 3px; width: 34.5px; }
|
||||
|
||||
/*购买按钮*/
|
||||
.btn-add-shopcar { border: 1rpx solid #ff8512; border-radius: 12rpx; color: #ff8512; font-size: 32rpx; width: 210rpx; }
|
||||
.btn-add-shopcar, .btn-buy { font-weight: bolder; height: 72rpx; line-height: 72rpx; text-align: center; }
|
||||
.btn-buy { background: #ff3b3b; border-radius: 12rpx; color: #fff; margin-left: 14rpx; width: 220rpx; }
|
||||
|
||||
/*倒计时自定义样式*/
|
||||
.time { display: flex; align-items: center;
|
||||
&__custom { width: 22px; height: 22px; background-color: $u-primary; border-radius: 4px; /* #ifndef APP-NVUE */ display: flex; /* #endif */ justify-content: center; align-items: center;
|
||||
&__item { color: #fff; font-size: 12px; text-align: center; }
|
||||
}
|
||||
&__doc { color: $u-primary; padding: 0px 4px; font-size: 12px; }
|
||||
&__item { color: #606266; font-size: 15px; margin-right: 4px; }
|
||||
}
|
||||
|
||||
|
||||
/*商品瀑布流列表*/
|
||||
.cate-list { padding-left: 23rpx; padding-right: 20rpx; }
|
||||
.cate-list .item { margin-bottom: 32rpx; margin-right: 20rpx; text-align: center; }
|
||||
.cate-list .item:nth-child(5n) { margin-right: 0rpx; }
|
||||
.index-goods .goods { -webkit-column-break-inside: avoid; border-radius: 18rpx; break-inside: avoid; margin-bottom: 24rpx; width: 326rpx; }
|
||||
.coreshop-title-294 { width: 294rpx; }
|
||||
.coreshop-image-price-tags { height: 32rpx; margin-bottom: 4rpx; margin-right: 12rpx; vertical-align: middle; width: 98rpx; }
|
||||
|
||||
Reference in New Issue
Block a user