页面修改颜色变量,发票,修改条目改为滑动显示删除,编辑
This commit is contained in:
itgaojian163
parent
c88e0dfac4
commit
5938217538
44
app.js
44
app.js
@ -1,42 +1,2 @@
|
||||
// app.js
|
||||
import {
|
||||
imgAssets
|
||||
} from './net/http'
|
||||
App({
|
||||
globalData: {
|
||||
imgAssetsUrl: imgAssets,
|
||||
localAssets: "/static/images"
|
||||
},
|
||||
onLaunch() {
|
||||
//自定义字体
|
||||
// wx.loadFontFace({
|
||||
// family: 'PingFang-regular',
|
||||
// global: true,
|
||||
// source: 'https://www.aimzhu.com/miniapp-assets/PingFangSC-Regular.ttf',
|
||||
// success(res) {
|
||||
// console.log('字体加载成功')
|
||||
// },
|
||||
// fail(err) {
|
||||
// console.log('字体加载错误')
|
||||
// }
|
||||
// })
|
||||
// 全局事件对象
|
||||
// this.eventBus = {}
|
||||
// // 监听事件
|
||||
// this.on = function (eventName, callback) {
|
||||
// if (!this.eventBus[eventName]) {
|
||||
// this.eventBus[eventName] = []
|
||||
// }
|
||||
// this.eventBus[eventName].push(callback)
|
||||
// }
|
||||
// // 触发事件
|
||||
// this.emit = function (eventName, data) {
|
||||
// const callbacks = this.eventBus[eventName]
|
||||
// if (callbacks) {
|
||||
// callbacks.forEach(callback => {
|
||||
// callback(data)
|
||||
// })
|
||||
// }
|
||||
// }
|
||||
}
|
||||
})
|
||||
//app.js
|
||||
import app from './main-app'
|
||||
2
app.wxss
2
app.wxss
@ -55,7 +55,7 @@
|
||||
|
||||
.gray-star::after {
|
||||
content: '*';
|
||||
color: var(--text-color);
|
||||
color: var(--text-gray-hint-color);
|
||||
margin-left: 6rpx;
|
||||
}
|
||||
|
||||
|
||||
@ -27,9 +27,17 @@ Component({
|
||||
},
|
||||
data: {
|
||||
loadingVisible: 'loading',
|
||||
height: 200
|
||||
height: 200,
|
||||
localAssets: ''
|
||||
},
|
||||
lifetimes: {
|
||||
attached() {
|
||||
const app = getApp()
|
||||
this.setData({
|
||||
localAssets: app.globalData.localAssets
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* 组件的方法列表
|
||||
*/
|
||||
|
||||
@ -1,15 +1,15 @@
|
||||
<view class="container">
|
||||
<view wx:if="{{loadingVisible=='loading'}}" class="loading"></view>
|
||||
<view wx:elif="{{loadingVisible=='error'}}" class="error-box" bind:tap="notifyParentToRefresh">
|
||||
<image src="/static/images/load_err.png" class="loading_err"></image>
|
||||
<image src="{{localAssets}}/load_err.png" class="loading_err"></image>
|
||||
<text style="align-self: center;margin-top: 10px;color: #cecece;font-size: 14px;">加载失败,点击重试</text>
|
||||
</view>
|
||||
<view wx:elif="{{loadingVisible=='empty'}}" class="error-box" bind:tap="notifyParentToRefresh">
|
||||
<image src="/static/images/load_err.png" class="loading_err"></image>
|
||||
<image src="{{localAssets}}/load_err.png" class="loading_err"></image>
|
||||
<text style="align-self: center;margin-top: 10px;color: #cecece;font-size: 14px;">暂无数据,点击刷新</text>
|
||||
</view>
|
||||
<view wx:elif="{{loadingVisible=='create'}}" class="error-box" bind:tap="notifyParentCreate">
|
||||
<image src="/static/images/load_err.png" class="loading_err"></image>
|
||||
<image src="{{localAssets}}/load_err.png" class="loading_err"></image>
|
||||
<text style="align-self: center;margin-top: 10px;color: #cecece;font-size: 14px;">点击去创建项目</text>
|
||||
</view>
|
||||
<block wx:else="{{loadingVisible=='success'}}">
|
||||
|
||||
52
main-app.js
Normal file
52
main-app.js
Normal file
@ -0,0 +1,52 @@
|
||||
// app.js
|
||||
import {
|
||||
imgAssets
|
||||
} from './net/http'
|
||||
App({
|
||||
globalData: {
|
||||
imgAssetsUrl: imgAssets,
|
||||
localAssets: "/static/images",
|
||||
slideBtns: []
|
||||
},
|
||||
onLaunch() {
|
||||
this.globalData.slideBtns = [{
|
||||
text: '编辑',
|
||||
src: this.globalData.localAssets + "/ic_edit_blue.png" // icon的路径
|
||||
},
|
||||
{
|
||||
text: '删除',
|
||||
src: this.globalData.localAssets + "/ic_delete_red.png" // icon的路径
|
||||
}
|
||||
]
|
||||
//自定义字体
|
||||
// wx.loadFontFace({
|
||||
// family: 'PingFang-regular',
|
||||
// global: true,
|
||||
// source: 'https://www.aimzhu.com/miniapp-assets/PingFangSC-Regular.ttf',
|
||||
// success(res) {
|
||||
// console.log('字体加载成功')
|
||||
// },
|
||||
// fail(err) {
|
||||
// console.log('字体加载错误')
|
||||
// }
|
||||
// })
|
||||
// 全局事件对象
|
||||
// this.eventBus = {}
|
||||
// // 监听事件
|
||||
// this.on = function (eventName, callback) {
|
||||
// if (!this.eventBus[eventName]) {
|
||||
// this.eventBus[eventName] = []
|
||||
// }
|
||||
// this.eventBus[eventName].push(callback)
|
||||
// }
|
||||
// // 触发事件
|
||||
// this.emit = function (eventName, data) {
|
||||
// const callbacks = this.eventBus[eventName]
|
||||
// if (callbacks) {
|
||||
// callbacks.forEach(callback => {
|
||||
// callback(data)
|
||||
// })
|
||||
// }
|
||||
// }
|
||||
}
|
||||
})
|
||||
@ -1,11 +1,13 @@
|
||||
import ProjectService from '../../../net/api/projectApi'
|
||||
|
||||
const app = getApp()
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
imgAssets: app.globalData.imgAssetsUrl,
|
||||
localImgAssets:app.globalData.localAssets,
|
||||
urgent: 0,
|
||||
projTypes: [], //全托管,写材料 type= ALL type =MATERIAL
|
||||
allPrice: 0,
|
||||
|
||||
@ -1,10 +1,10 @@
|
||||
<view class="buy-container">
|
||||
<swiper indicator-dots style="height: 120rpx;" autoplay indicator-active-color="#fff">
|
||||
<swiper-item>
|
||||
<image src="https://www.aimzhu.com/miniapp-assets/banner_1.png" style="width: 100vw;height: 120rpx;"></image>
|
||||
<image src="{{imgAssets}}/banner_1.png" style="width: 100vw;height: 120rpx;"></image>
|
||||
</swiper-item>
|
||||
<swiper-item>
|
||||
<image src="https://www.aimzhu.com/miniapp-assets/banner_2.png" style="width: 100vw;height: 120rpx;"></image>
|
||||
<image src="{{imgAssets}}/banner_2.png" style="width: 100vw;height: 120rpx;"></image>
|
||||
</swiper-item>
|
||||
</swiper>
|
||||
<!-- 全托管 -->
|
||||
@ -23,37 +23,37 @@
|
||||
<view class="mt-10" style="font-size: 25rpx;">提供的服务</view>
|
||||
<view class="buy-desc-item mt-10">
|
||||
<view class="buy-desc-row">
|
||||
<image src="../../../static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<text class="txt">包可运行软件开发与搭建</text>
|
||||
</view>
|
||||
<view class="buy-desc-row">
|
||||
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<text class="txt">包鉴别材料撰写</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="buy-desc-item mt-10">
|
||||
<view class="buy-desc-row">
|
||||
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<text class="txt">包代办,包下证,包开发票提</text>
|
||||
</view>
|
||||
<view class="buy-desc-row">
|
||||
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<text class="txt">供可运行软件安装包</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="buy-desc-item mt-10">
|
||||
<view class="buy-desc-row">
|
||||
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<text class="txt">提供可运行软件云服务900天</text>
|
||||
</view>
|
||||
<view class="buy-desc-row">
|
||||
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<text class="txt">提供可运行软件演示视频</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="buy-desc-item mt-10">
|
||||
<view class="buy-desc-row">
|
||||
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<text class="txt">客服一对一服务</text>
|
||||
</view>
|
||||
</view>
|
||||
@ -73,13 +73,6 @@
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="buy-desc-column box-bottom-options mt-20">
|
||||
<checkbox-group bindchange="doUrgent">
|
||||
<checkbox class="custom-wx-checkbox">
|
||||
<tex style="color: #532A00;padding-left: 10rpx;font-weight: 400;">加急办理{{urgent/100}}元</tex>
|
||||
</checkbox>
|
||||
</checkbox-group>
|
||||
</view> -->
|
||||
</view>
|
||||
</view>
|
||||
<!-- 写材料 -->
|
||||
@ -97,37 +90,37 @@
|
||||
<view class="mt-10" style="font-size: 25rpx;">提供的服务</view>
|
||||
<view class="buy-desc-item mt-10">
|
||||
<view class="buy-desc-row">
|
||||
<image src="../../../static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<text class="txt">通过平台自己搭建可运行软件</text>
|
||||
</view>
|
||||
<view class="buy-desc-row">
|
||||
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<text class="txt">平台自动撰写鉴别材料</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="buy-desc-item mt-10">
|
||||
<view class="buy-desc-row">
|
||||
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<text class="txt">包补正材料撰写一直到下证</text>
|
||||
</view>
|
||||
<view class="buy-desc-row">
|
||||
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<text class="txt">两次补正不通过平台退款</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="buy-desc-item mt-10">
|
||||
<view class="buy-desc-row">
|
||||
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<text class="txt">包开发票</text>
|
||||
</view>
|
||||
<view class="buy-desc-row">
|
||||
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<text class="txt">提供可运行软件云服务300天</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="buy-desc-item mt-10">
|
||||
<view class="buy-desc-row">
|
||||
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<text class="txt">客服一对一服务</text>
|
||||
</view>
|
||||
</view>
|
||||
@ -135,11 +128,11 @@
|
||||
<text style="font-size: 25rpx;">使用流程</text>
|
||||
<view style="display: flex;flex-direction: column;">
|
||||
<view class="buy-desc-row-no-margin mt-10">
|
||||
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<text class="single-txt">按系统操作流程执行</text>
|
||||
</view>
|
||||
<view class="buy-desc-row-no-margin mt-10">
|
||||
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<text class="single-txt ">如需视频文件和安装包请在下证后购买下载</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@ -6,9 +6,11 @@ const {
|
||||
isValidEmail,
|
||||
objIsEmpty
|
||||
} = require('../../../utils/validator')
|
||||
|
||||
const app = getApp()
|
||||
Page({
|
||||
data: {
|
||||
imgAssets: app.globalData.imgAssetsUrl,
|
||||
localAssets: app.globalData.localAssets,
|
||||
date: utils.formatDate(new Date()),
|
||||
completeDate: '', //开发完成时间
|
||||
version: "V1.0", //系统版本
|
||||
@ -661,5 +663,14 @@ Page({
|
||||
return false
|
||||
}
|
||||
return true
|
||||
},
|
||||
closeDialog(e) {
|
||||
this.setData({
|
||||
showLang: false,
|
||||
showPackage: false,
|
||||
showCoupons: false,
|
||||
showCommendProject: false,
|
||||
isShowContact: false
|
||||
})
|
||||
}
|
||||
})
|
||||
@ -2,10 +2,10 @@
|
||||
<view class="container-box">
|
||||
<swiper indicator-dots style="height: 120rpx;" autoplay indicator-active-color="#fff">
|
||||
<swiper-item>
|
||||
<image src="https://www.aimzhu.com/miniapp-assets/banner_1.png" style="width: 100vw;height: 120rpx;"></image>
|
||||
<image src="{{imgAssets}}/banner_1.png" style="width: 100vw;height: 120rpx;"></image>
|
||||
</swiper-item>
|
||||
<swiper-item>
|
||||
<image src="https://www.aimzhu.com/miniapp-assets/banner_2.png" style="width: 100vw;height: 120rpx;"></image>
|
||||
<image src="{{imgAssets}}/banner_2.png" style="width: 100vw;height: 120rpx;"></image>
|
||||
</swiper-item>
|
||||
</swiper>
|
||||
<view class="info-box">
|
||||
@ -33,9 +33,9 @@
|
||||
</view>
|
||||
<view class="flex-1">
|
||||
<text class="label">系统语言</text>
|
||||
<view class="value selection-box ml-20">
|
||||
<view class="value selection-box ml-20" bindtap="toggleOptions">
|
||||
<view style="display: flex;align-items: center;">
|
||||
<view class="language-sel {{selectLang != ''? 'v-select':''}}" bindtap="toggleOptions">{{selectLang}}</view>
|
||||
<view class="language-sel {{selectLang != ''? 'v-select':''}}">{{selectLang}}</view>
|
||||
<view class="icon-arrow-down-line" style="width: 28rpx;height: 28rpx;"></view>
|
||||
</view>
|
||||
</view>
|
||||
@ -82,7 +82,7 @@
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<mp-half-screen-dialog show="{{isShowContact}}">
|
||||
<mp-half-screen-dialog show="{{isShowContact}}" bindclose="closeDialog">
|
||||
<view slot="title">创建联系人</view>
|
||||
<view slot="desc">
|
||||
<view class="form-item">
|
||||
@ -107,7 +107,7 @@
|
||||
</view>
|
||||
</mp-half-screen-dialog>
|
||||
<!-- 推荐系统名称 -->
|
||||
<mp-half-screen-dialog show="{{showCommendProject}}" maskClosable="{{false}}">
|
||||
<mp-half-screen-dialog show="{{showCommendProject}}" bindclose="closeDialog" maskClosable="{{false}}">
|
||||
<view slot="title">推荐系统全称</view>
|
||||
<view slot="desc">
|
||||
<textarea value="{{projectName}}" bindinput="inputCommendProjectName" placeholder="请简单介绍您想创建的系统，我们会根据您的描述为您推荐系统全称" style="border: 1px solid #f2f2f2;width: 82vw;padding: 10px;height: 50px;font-size: 28rpx;"></textarea>
|
||||
@ -125,7 +125,7 @@
|
||||
</view>
|
||||
</mp-half-screen-dialog>
|
||||
<!-- 优惠卷弹窗 -->
|
||||
<mp-half-screen-dialog show="{{showCoupons}}">
|
||||
<mp-half-screen-dialog show="{{showCoupons}}" bindclose="closeDialog">
|
||||
<view slot="title">优惠卷</view>
|
||||
<view slot="desc">
|
||||
<scroll-view scroll-y style="height: 500rpx;">
|
||||
@ -159,7 +159,7 @@
|
||||
</view>
|
||||
</mp-half-screen-dialog>
|
||||
<!-- 套餐包 -->
|
||||
<mp-half-screen-dialog show="{{showPackage}}">
|
||||
<mp-half-screen-dialog show="{{showPackage}}" bindclose="closeDialog">
|
||||
<view slot="title">套餐包</view>
|
||||
<view slot="desc">
|
||||
<scroll-view scroll-y style="height: 500rpx;">
|
||||
@ -192,7 +192,7 @@
|
||||
<button class="confirm-btn" style="margin-top: 10px;" bind:tap="confirmSelectPackage">确定</button>
|
||||
</view>
|
||||
</mp-half-screen-dialog>
|
||||
<mp-half-screen-dialog show="{{showLang}}">
|
||||
<mp-half-screen-dialog show="{{showLang}}" bindclose="closeDialog">
|
||||
<view slot="title">系统语言</view>
|
||||
<view slot="desc">
|
||||
<scroll-view scroll-y style="height: 300rpx;">
|
||||
|
||||
@ -1,5 +1,3 @@
|
||||
|
||||
|
||||
.custom-checkbox {
|
||||
font-size: 14px;
|
||||
margin-left: 14px;
|
||||
@ -7,8 +5,8 @@
|
||||
|
||||
.custom-wx-checkbox .wx-checkbox-input.wx-checkbox-input-checked {
|
||||
color: #fff !important;
|
||||
background-color: #FFA900;
|
||||
border: 1px solid #FFA900;
|
||||
background-color: var(--primary-color);
|
||||
border: 1px solid var(--primary-color);
|
||||
}
|
||||
|
||||
.custom-wx-checkbox .wx-checkbox-input {
|
||||
@ -21,7 +19,7 @@
|
||||
height: 32rpx;
|
||||
background-color: transparent;
|
||||
position: relative;
|
||||
border: 1rpx solid #FFA900;
|
||||
border: 1rpx solid var(--primary-color);
|
||||
box-sizing: border-box;
|
||||
text-align: center;
|
||||
}
|
||||
@ -45,10 +43,6 @@
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.create-title {
|
||||
height: 80rpx;
|
||||
background-color: blanchedalmond;
|
||||
}
|
||||
|
||||
.info-box {
|
||||
display: flex;
|
||||
@ -63,7 +57,7 @@
|
||||
|
||||
.info-value {
|
||||
margin-top: 20rpx;
|
||||
border: 1rpx solid #f2f2f2;
|
||||
border: 1rpx solid var(--divider-color);
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
background-color: white;
|
||||
@ -74,7 +68,7 @@
|
||||
|
||||
.info-btn {
|
||||
align-self: flex-end;
|
||||
background-color: #FFA900;
|
||||
background-color: var(--primary-color);
|
||||
margin-top: 20rpx;
|
||||
padding: 5rpx 40rpx;
|
||||
color: white;
|
||||
@ -87,7 +81,7 @@
|
||||
}
|
||||
|
||||
.section {
|
||||
border: 1px solid #f4f4f4;
|
||||
border: 1px solid var(--divider-color);
|
||||
border-radius: 5rpx;
|
||||
padding: 15rpx;
|
||||
margin-bottom: 15rpx;
|
||||
@ -149,11 +143,11 @@
|
||||
|
||||
|
||||
.value-hint {
|
||||
color: #9A9A9A;
|
||||
color: var(--text-gray-hint-color);
|
||||
}
|
||||
|
||||
.v-select {
|
||||
color: #000000;
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
|
||||
@ -165,7 +159,7 @@
|
||||
|
||||
|
||||
.link {
|
||||
color: #007AFF;
|
||||
color: var(--blue-color);
|
||||
}
|
||||
|
||||
.flex-1 {
|
||||
@ -186,16 +180,16 @@
|
||||
top: 100%;
|
||||
left: -20rpx;
|
||||
padding: 10rpx 20rpx;
|
||||
border: 1px solid #f2f2f2;
|
||||
border: 1px solid var(--divider-color);
|
||||
border-top: none;
|
||||
background-color: white;
|
||||
box-shadow: 0rpx 0rpx 10rpx 10rpx #f2f2f2;
|
||||
box-shadow: 0rpx 0rpx 10rpx 10rpx var(--divider-color);
|
||||
}
|
||||
|
||||
.option {
|
||||
padding: 15rpx;
|
||||
cursor: pointer;
|
||||
border-bottom: 1rpx solid #f2f2f2;
|
||||
border-bottom: 1rpx solid var(--divider-color);
|
||||
}
|
||||
|
||||
.option:hover {
|
||||
@ -222,25 +216,25 @@
|
||||
}
|
||||
|
||||
.bottom-box .btn {
|
||||
background-color: #37AD46;
|
||||
background-color: var(--btn-green-color);
|
||||
color: white;
|
||||
text-align: center;
|
||||
height: 40px;
|
||||
width: 94vw;
|
||||
line-height: 40px;
|
||||
border-radius: 20rpx;
|
||||
border-radius: 10rpx;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.bottom-box .money {
|
||||
color: #532A00;
|
||||
color: var(--text-brown-color);
|
||||
font-size: 20px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.price {
|
||||
color: rgb(250, 0, 0);
|
||||
color: var(--red-color);
|
||||
}
|
||||
|
||||
.form-box {
|
||||
@ -249,7 +243,7 @@
|
||||
justify-content: center;
|
||||
align-items: flex-start;
|
||||
font-size: 14px;
|
||||
background-color: #FFA900;
|
||||
background-color: var(--primary-color);
|
||||
}
|
||||
|
||||
.form-item {
|
||||
@ -264,14 +258,14 @@
|
||||
.form-item-title {
|
||||
flex: .3;
|
||||
font-size: 14px;
|
||||
color: black;
|
||||
color: var(--black-color);
|
||||
font-weight: 500;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.form-item-title:not(.no-after)::before {
|
||||
content: "*";
|
||||
color: red;
|
||||
color: var(--red-color);
|
||||
font-size: 14px;
|
||||
margin-left: 1px;
|
||||
text-align: center;
|
||||
@ -291,16 +285,16 @@
|
||||
|
||||
.project-item {
|
||||
font-size: 24rpx;
|
||||
background-color: #ffaa0034;
|
||||
background-color: var(--primary-color-light);
|
||||
text-align: center;
|
||||
color: #FFA900;
|
||||
color: var(--primary-color);
|
||||
text-align: center;
|
||||
margin: 10rpx;
|
||||
padding: 5rpx 20rpx;
|
||||
}
|
||||
|
||||
.confirm-btn {
|
||||
background-color: green;
|
||||
background-color: var(--btn-green-color);
|
||||
color: white;
|
||||
font-size: 16px;
|
||||
height: 40px;
|
||||
@ -338,8 +332,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
background: radial-gradient(circle at right top, transparent 16rpx, #ffaa0017 0) right top / 100% 50% no-repeat,
|
||||
radial-gradient(circle at right bottom, transparent 16rpx, #ffaa0017 0) right bottom / 100% 50% no-repeat;
|
||||
background: radial-gradient(circle at right top, transparent 16rpx, var(--bg-primary-shallow-color) 0) right top / 100% 50% no-repeat,
|
||||
radial-gradient(circle at right bottom, transparent 16rpx, var(--bg-primary-shallow-color) 0) right bottom / 100% 50% no-repeat;
|
||||
}
|
||||
|
||||
|
||||
@ -350,7 +344,7 @@
|
||||
width: 8rpx;
|
||||
top: 0;
|
||||
left: -8rpx;
|
||||
background: radial-gradient(circle at left center, transparent 8rpx, #ffaa0017 0) left center / 8rpx 20rpx;
|
||||
background: radial-gradient(circle at left center, transparent 8rpx, var(--bg-primary-shallow-color) 0) left center / 8rpx 20rpx;
|
||||
}
|
||||
|
||||
|
||||
@ -358,15 +352,15 @@
|
||||
.r-tickets {
|
||||
flex: 1;
|
||||
position: relative;
|
||||
background: radial-gradient(circle at left top, transparent 16rpx, #ffaa0017 0, #ffaa0017 100%) right top / 100% 50% no-repeat,
|
||||
radial-gradient(circle at left bottom, transparent 16rpx, #ffaa0017 0, #ffaa0017 100%) right bottom / 100% 50% no-repeat;
|
||||
background: radial-gradient(circle at left top, transparent 16rpx, var(--bg-primary-shallow-color) 0, var(--bg-primary-shallow-color) 100%) right top / 100% 50% no-repeat,
|
||||
radial-gradient(circle at left bottom, transparent 16rpx, var(--bg-primary-shallow-color) 0, var(--bg-primary-shallow-color) 100%) right bottom / 100% 50% no-repeat;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: #5D3900;
|
||||
color: var(--text-brown-color);
|
||||
}
|
||||
|
||||
.r-tickets::after {
|
||||
@ -376,7 +370,7 @@
|
||||
width: 8rpx;
|
||||
top: 0;
|
||||
right: -8rpx;
|
||||
background: radial-gradient(circle at right center, transparent 8rpx, #ffaa0017 0) right center / 8rpx 20rpx;
|
||||
background: radial-gradient(circle at right center, transparent 8rpx, var(--bg-primary-shallow-color) 0) right center / 8rpx 20rpx;
|
||||
}
|
||||
|
||||
.r-tickets::before {
|
||||
@ -400,20 +394,20 @@
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
font-size: 14px;
|
||||
color: #5D3900;
|
||||
color: var(--text-brown-color);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.ticket-content {
|
||||
font-size: 18px;
|
||||
color: #5D3900;
|
||||
color: var(--text-brown-color);
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.ticket-desc {
|
||||
font-size: 12px;
|
||||
color: #5D3900;
|
||||
color: var(--text-brown-color);
|
||||
margin-top: 10px;
|
||||
font-weight: 400;
|
||||
min-height: 12px;
|
||||
@ -425,7 +419,7 @@
|
||||
flex-direction: row;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
background-color: #ffaa0017;
|
||||
background-color: var(--bg-primary-shallow-color);
|
||||
border-radius: 10px;
|
||||
width: 85vw;
|
||||
padding: 10px 5px;
|
||||
@ -453,12 +447,12 @@
|
||||
|
||||
.coupons-desc .title {
|
||||
font-size: 16px;
|
||||
color: red;
|
||||
color: var(--red-color);
|
||||
}
|
||||
|
||||
.coupons-desc .dd {
|
||||
font-size: 12px;
|
||||
color: red;
|
||||
color: var(--red-color);
|
||||
}
|
||||
|
||||
.counpons-check {
|
||||
@ -470,7 +464,7 @@
|
||||
|
||||
.counpons-check .txt {
|
||||
font-size: 16px;
|
||||
color: red;
|
||||
color: var(--red-color);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
@ -488,7 +482,7 @@
|
||||
|
||||
/* 未选中状态 */
|
||||
.custom-radio .wx-radio-input {
|
||||
border-color: #FFA900;
|
||||
border-color: var(--primary-color);
|
||||
/* 自定义未选中时的边框颜色 */
|
||||
background-color: transparent;
|
||||
width: 32rpx;
|
||||
@ -497,9 +491,9 @@
|
||||
|
||||
/* 选中状态 */
|
||||
.custom-radio .wx-radio-input.wx-radio-input-checked {
|
||||
border-color: #FFA900;
|
||||
border-color: var(--primary-color);
|
||||
/* 自定义选中时的边框颜色 */
|
||||
background: linear-gradient(to right, #FFA900, #ffaa007e);
|
||||
background: linear-gradient(to right, var(--primary-color), var(--primary-color-light));
|
||||
/* 自定义选中时的背景颜色 */
|
||||
}
|
||||
|
||||
|
||||
@ -1,11 +1,14 @@
|
||||
// pages/copyright/payment/payment.js
|
||||
import PayService from '../../../net/api/payApi';
|
||||
const app = getApp()
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
imgAssets: app.globalData.imgAssetsUrl,
|
||||
localAssets: app.globalData.localAssets,
|
||||
paySumOptions: [100, 300, 500, 1000, 2000, 5000],
|
||||
currentTab: 0, //充值金额选项
|
||||
payMoney: 100, //支付金额
|
||||
|
||||
@ -1,10 +1,10 @@
|
||||
<view class="page-container">
|
||||
<swiper indicator-dots style="height: 120rpx;" autoplay indicator-active-color="#fff">
|
||||
<swiper-item>
|
||||
<image src="https://www.aimzhu.com/miniapp-assets/banner_1.png" style="width: 100vw;height: 120rpx;"></image>
|
||||
<image src="{{imgAssets}}/banner_1.png" style="width: 100vw;height: 120rpx;"></image>
|
||||
</swiper-item>
|
||||
<swiper-item>
|
||||
<image src="https://www.aimzhu.com/miniapp-assets/banner_2.png" style="width: 100vw;height: 120rpx;"></image>
|
||||
<image src="{{imgAssets}}/banner_2.png" style="width: 100vw;height: 120rpx;"></image>
|
||||
</swiper-item>
|
||||
</swiper>
|
||||
<!-- 充值金额输入 -->
|
||||
|
||||
@ -1,5 +1,3 @@
|
||||
|
||||
|
||||
.input-money {
|
||||
font-size: 48rpx;
|
||||
font-weight: bold;
|
||||
@ -20,7 +18,7 @@
|
||||
height: 32rpx;
|
||||
width: 32rpx;
|
||||
border-radius: 50%;
|
||||
border: 2rpx solid #e6c171;
|
||||
border: 2rpx solid var(--primary-color);
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
@ -33,7 +31,7 @@
|
||||
text-align: center;
|
||||
font-size: 0rpx;
|
||||
color: transparent;
|
||||
background: #e6c171;
|
||||
background: var(--primary-color);
|
||||
transform: translate(-50%, -50%) scale(1);
|
||||
-webkit-transform: translate(-50%, -50%) scale(1);
|
||||
}
|
||||
@ -45,7 +43,7 @@
|
||||
flex-direction: column;
|
||||
padding: 30rpx;
|
||||
background-color: white;
|
||||
border: 1rpx solid #F5F5F5;
|
||||
border: 1rpx solid var(--divider-color);
|
||||
}
|
||||
|
||||
.sum-input-box {
|
||||
@ -54,12 +52,12 @@
|
||||
|
||||
.sum-input-box .title {
|
||||
font-size: 12px;
|
||||
color: black;
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
.sum-input-box input {
|
||||
font-size: 42rpx;
|
||||
color: black;
|
||||
color: var(--text-color);
|
||||
padding: 20rpx 10rpx;
|
||||
flex: 1;
|
||||
}
|
||||
@ -69,7 +67,7 @@
|
||||
flex-direction: row;
|
||||
justify-content: flex-start;
|
||||
align-items: baseline;
|
||||
border-bottom: 1rpx solid #dbdada;
|
||||
border-bottom: 1rpx solid var(--divider-color);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
@ -107,7 +105,7 @@
|
||||
.bag-select {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
background-color: #FFA900;
|
||||
background-color: var(--primary-color);
|
||||
color: white;
|
||||
padding: 20rpx;
|
||||
}
|
||||
@ -116,15 +114,15 @@
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
background-color: #FFFFFF;
|
||||
color: #FFA900;
|
||||
border: 1rpx solid #FFA900;
|
||||
color: var(--primary-color);
|
||||
border: 1rpx solid var(--primary-color);
|
||||
padding: 20rpx;
|
||||
}
|
||||
|
||||
.tab-select {
|
||||
font-size: 20rpx;
|
||||
color: black;
|
||||
background-color: #FAE9D0;
|
||||
background-color: var(--bg-primary-shallow-color);
|
||||
text-align: center;
|
||||
padding: 5rpx 30rpx;
|
||||
white-space: nowrap;
|
||||
@ -144,9 +142,9 @@
|
||||
|
||||
.tab-normal {
|
||||
font-size: 20rpx;
|
||||
color: #F4CC92;
|
||||
color: var(--bg-primary-deep-color);
|
||||
background: #FFFFFF;
|
||||
border: 1rpx solid #F4CC92;
|
||||
border: 1rpx solid var(--bg-primary-deep-color);
|
||||
text-align: center;
|
||||
padding: 5rpx 30rpx;
|
||||
white-space: nowrap;
|
||||
@ -169,19 +167,19 @@
|
||||
}
|
||||
|
||||
.green-bottom-btn {
|
||||
background-color: #37AD46;
|
||||
background-color: var(--btn-green-color);
|
||||
color: white;
|
||||
text-align: center;
|
||||
height: 42px;
|
||||
width: 90vw;
|
||||
line-height: 42px;
|
||||
border-radius: 20rpx;
|
||||
border-radius: 10rpx;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
|
||||
.green-bottom-btn:active {
|
||||
background-color: #7ef58e;
|
||||
background-color: var(--btn-green-color-active);
|
||||
color: white;
|
||||
}
|
||||
|
||||
@ -196,15 +194,15 @@
|
||||
.bag-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
border: 1rpx solid rgba(239, 239, 239, 1);
|
||||
border: 1rpx solid var(--divider-color);
|
||||
padding: 20rpx;
|
||||
}
|
||||
|
||||
.bag-item:nth-of-type(n+2) {
|
||||
border-top: none;
|
||||
border-left: 1rpx solid rgba(239, 239, 239, 1);
|
||||
border-right: 1rpx solid rgba(239, 239, 239, 1);
|
||||
border-bottom: 1rpx solid rgba(239, 239, 239, 1);
|
||||
border-left: 1rpx solid var(--divider-color);
|
||||
border-right: 1rpx solid var(--divider-color);
|
||||
border-bottom: 1rpx solid var(--divider-color);
|
||||
}
|
||||
|
||||
.bag-item-title-box {
|
||||
@ -217,25 +215,25 @@
|
||||
.p-title {
|
||||
font-size: 14px;
|
||||
font-weight: 800;
|
||||
color: black;
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
.bag-item-title-box .title {
|
||||
font-size: 40rpx;
|
||||
color: black;
|
||||
color: var(--text-color);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.bag-item-title-box .sum {
|
||||
font-size: 14px;
|
||||
color: black;
|
||||
color: var(--text-color);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.bag-item-title-box .sum::before {
|
||||
content: "¥";
|
||||
font-size: 24rpx;
|
||||
color: black;
|
||||
color: var(--text-color);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
@ -249,15 +247,15 @@
|
||||
|
||||
.bag-item-desc-box .desc {
|
||||
font-size: 28rpx;
|
||||
color: #363636;
|
||||
color: var(--text-gray-hint-color);
|
||||
}
|
||||
|
||||
.bag-item-desc-box .btn {
|
||||
padding: 1px 15px;
|
||||
color: white;
|
||||
border-radius: 47px;
|
||||
background-color: rgba(255, 198, 125, 1);
|
||||
color: rgba(255, 255, 255, 1);
|
||||
background-color: var(--btn-primary-color);
|
||||
color: var(--white-color);
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
font-family: PingFangSC-regular;
|
||||
|
||||
@ -1,16 +1,17 @@
|
||||
// pages/copyright/publicPay/publicPay.js
|
||||
import PayApi from '../../../net/api/payApi'
|
||||
import {
|
||||
request,
|
||||
uploadImgUrl
|
||||
} from "../../../net/http";
|
||||
const dateTimePicker = require('../../../utils/util');
|
||||
const Cache = require('../../../utils/storage')
|
||||
const app = getApp()
|
||||
Page({
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
imgAssets: app.globalData.imgAssetsUrl,
|
||||
incomeEnterprise: {},
|
||||
showError: false,
|
||||
errorHint: '',
|
||||
|
||||
@ -2,10 +2,10 @@
|
||||
<!-- 轮播图 -->
|
||||
<swiper indicator-dots style="height: 120rpx;" autoplay indicator-active-color="#fff">
|
||||
<swiper-item>
|
||||
<image src="https://www.aimzhu.com/miniapp-assets/banner_1.png" style="width: 100vw;height: 120rpx;"></image>
|
||||
<image src="{{imgAssets}}/banner_1.png" style="width: 100vw;height: 120rpx;"></image>
|
||||
</swiper-item>
|
||||
<swiper-item>
|
||||
<image src="https://www.aimzhu.com/miniapp-assets/banner_2.png" style="width: 100vw;height: 120rpx;"></image>
|
||||
<image src="{{imgAssets}}/banner_2.png" style="width: 100vw;height: 120rpx;"></image>
|
||||
</swiper-item>
|
||||
</swiper>
|
||||
<!-- 付款信息 -->
|
||||
|
||||
@ -1,11 +1,9 @@
|
||||
|
||||
|
||||
.container-box {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: flex-start;
|
||||
background-color: white;
|
||||
background-color: var(--white-color);
|
||||
margin-top: 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
@ -17,7 +15,7 @@
|
||||
.box-title {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
color: black;
|
||||
color: var(--text-color);
|
||||
padding: 10px 20px;
|
||||
}
|
||||
|
||||
@ -35,7 +33,7 @@
|
||||
}
|
||||
|
||||
.red {
|
||||
color: red;
|
||||
color: var(--red-color);
|
||||
}
|
||||
|
||||
/* .item:nth-last-of-type(n+1){
|
||||
@ -44,7 +42,7 @@
|
||||
.title {
|
||||
flex: 0.3;
|
||||
font-size: 14px;
|
||||
color: black;
|
||||
color: var(--black-color);
|
||||
}
|
||||
|
||||
.content {
|
||||
@ -54,31 +52,24 @@
|
||||
|
||||
.time-picker-box {
|
||||
flex: 1;
|
||||
background-color: #FAFAFA;
|
||||
border: 1px solid #F0F0F0;
|
||||
background-color: var(--white-color);
|
||||
border: 1px solid var(--divider-color);
|
||||
border-radius: 2rpx;
|
||||
padding: 3px 8px;
|
||||
text-align: left;
|
||||
font-size: 12px;
|
||||
/* display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
background-color: #FAFAFA;
|
||||
border: 1px solid #F0F0F0;
|
||||
padding: 5rpx 10rpx; */
|
||||
}
|
||||
|
||||
.weui-uploader__title {
|
||||
font-size: 14px;
|
||||
color: black;
|
||||
color: var(--black-color);
|
||||
font-weight: 800;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.star::after {
|
||||
content: "*";
|
||||
color: red;
|
||||
color: var(--red-color);
|
||||
margin-left: 3px;
|
||||
}
|
||||
|
||||
@ -125,12 +116,12 @@
|
||||
|
||||
.weui-uploader__input-box {
|
||||
background: white;
|
||||
border: 1px solid #F0F0F0;
|
||||
border: 1px solid var(--divider-color);
|
||||
}
|
||||
|
||||
.time-picker {
|
||||
font-size: 14px;
|
||||
color: rgb(68, 68, 68);
|
||||
color: var(--black-color);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
@ -142,8 +133,8 @@
|
||||
|
||||
.input-box {
|
||||
flex: 1;
|
||||
background-color: #FAFAFA;
|
||||
border: 1px solid #F0F0F0;
|
||||
background-color: var(--bg-gray-color);
|
||||
border: 1px solid var(--divider-color);
|
||||
border-radius: 2rpx;
|
||||
padding: 3px 8px;
|
||||
text-align: left;
|
||||
@ -176,7 +167,7 @@
|
||||
width: 100vw;
|
||||
line-height: 100rpx;
|
||||
border-radius: 20rpx;
|
||||
background-color: white;
|
||||
background-color: var(--white-color);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
@ -185,12 +176,12 @@
|
||||
}
|
||||
|
||||
.money {
|
||||
color: #532A00;
|
||||
color: var(--text-brown-color);
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.price {
|
||||
color: rgb(250, 0, 0);
|
||||
color: var(--red-color);
|
||||
}
|
||||
|
||||
|
||||
@ -200,7 +191,7 @@
|
||||
line-height: 42px;
|
||||
margin-bottom: 20px;
|
||||
border-radius: 4px;
|
||||
background-color: rgba(255, 169, 0, 1);
|
||||
background-color: var(--btn-green-color);
|
||||
color: rgba(255, 255, 255, 1);
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
@ -209,6 +200,6 @@
|
||||
|
||||
|
||||
.green-bottom-btn:active {
|
||||
background-color: rgba(255, 169, 0, 0.3);
|
||||
background-color: var(--btn-green-color-active);
|
||||
color: white;
|
||||
}
|
||||
@ -11,6 +11,7 @@ Page({
|
||||
data: {
|
||||
statusBarHeight: statusBarHeight,
|
||||
imgAssets: app.globalData.imgAssetsUrl,
|
||||
localImgAssets:app.globalData.localAssets,
|
||||
recommendList: [{
|
||||
id: '1',
|
||||
content: '生成真实系统 | 可下载安装包'
|
||||
|
||||
@ -25,37 +25,37 @@
|
||||
<view class="mt-10" style="font-size: 25rpx;">提供的服务</view>
|
||||
<view class="buy-desc-item mt-10">
|
||||
<view class="buy-desc-row">
|
||||
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<text class="txt">包可运行软件开发与搭建</text>
|
||||
</view>
|
||||
<view class="buy-desc-row">
|
||||
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<text class="txt">包鉴别材料撰写</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="buy-desc-item mt-10">
|
||||
<view class="buy-desc-row">
|
||||
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<text class="txt">包代办,包下证,包开发票提</text>
|
||||
</view>
|
||||
<view class="buy-desc-row">
|
||||
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<text class="txt">供可运行软件安装包</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="buy-desc-item mt-10">
|
||||
<view class="buy-desc-row">
|
||||
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<text class="txt">提供可运行软件云服务900天</text>
|
||||
</view>
|
||||
<view class="buy-desc-row">
|
||||
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<text class="txt">提供可运行软件演示视频</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="buy-desc-item mt-10">
|
||||
<view class="buy-desc-row">
|
||||
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<text class="txt">客服一对一服务</text>
|
||||
</view>
|
||||
</view>
|
||||
@ -92,37 +92,37 @@
|
||||
<view class="mt-10" style="font-size: 25rpx;">提供的服务</view>
|
||||
<view class="buy-desc-item mt-10">
|
||||
<view class="buy-desc-row">
|
||||
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<text class="txt">通过平台自己搭建可运行软件</text>
|
||||
</view>
|
||||
<view class="buy-desc-row">
|
||||
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<text class="txt">平台自动撰写鉴别材料</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="buy-desc-item mt-10">
|
||||
<view class="buy-desc-row">
|
||||
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<text class="txt">包补正材料撰写一直到下证</text>
|
||||
</view>
|
||||
<view class="buy-desc-row">
|
||||
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<text class="txt">两次补正不通过平台退款</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="buy-desc-item mt-10">
|
||||
<view class="buy-desc-row">
|
||||
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<text class="txt">包开发票</text>
|
||||
</view>
|
||||
<view class="buy-desc-row">
|
||||
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<text class="txt">提供可运行软件云服务300天</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="buy-desc-item mt-10">
|
||||
<view class="buy-desc-row">
|
||||
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<text class="txt">客服一对一服务</text>
|
||||
</view>
|
||||
</view>
|
||||
@ -130,11 +130,11 @@
|
||||
<text style="font-size: 25rpx;">使用流程</text>
|
||||
<view style="display: flex;flex-direction: column;">
|
||||
<view class="buy-desc-row-no-margin mt-10">
|
||||
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<text class="single-txt">按系统操作流程执行</text>
|
||||
</view>
|
||||
<view class="buy-desc-row-no-margin mt-10">
|
||||
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
|
||||
<text class="single-txt ">如需视频文件和安装包请在下证后购买下载</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@ -297,7 +297,7 @@
|
||||
width: 83vw;
|
||||
text-align: center;
|
||||
margin-top: 30rpx;
|
||||
box-shadow: 0rpx 0rpx 10rpx 0rpx rgb(233, 233, 233);
|
||||
box-shadow: 0rpx 0rpx 10rpx 0rpx var(--divider-color);
|
||||
}
|
||||
|
||||
.main-btn:active {
|
||||
|
||||
@ -3,12 +3,15 @@ import InvoiceApi from '../../../../net/api/invoiceApi'
|
||||
import {
|
||||
isValidPhone
|
||||
} from '../../../../utils/validator'
|
||||
const app = getApp()
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
imgAssets: app.globalData.imgAssetsUrl,
|
||||
localAssets: app.globalData.localAssets,
|
||||
keywords: '',
|
||||
pageData: {
|
||||
page: 1,
|
||||
@ -34,6 +37,7 @@ Page({
|
||||
btnTxt: '提交',
|
||||
invoiceInfoList: [], //开票信息列表
|
||||
tempItem: null,
|
||||
slideButtons: app.globalData.slideBtns
|
||||
},
|
||||
|
||||
/**
|
||||
@ -53,6 +57,11 @@ Page({
|
||||
})
|
||||
this.doRefreshList()
|
||||
},
|
||||
closeDialog(e){
|
||||
this.setData({
|
||||
createDialog:false
|
||||
})
|
||||
},
|
||||
inputKeywords(e) {
|
||||
this.setData({
|
||||
keywords: e.detail.value
|
||||
@ -164,9 +173,8 @@ Page({
|
||||
})
|
||||
},
|
||||
//显示编辑
|
||||
showEditDialog(e) {
|
||||
showEditDialog(item) {
|
||||
const _self = this
|
||||
const item = e.currentTarget.dataset.value
|
||||
_self.setData({
|
||||
tempItem: item,
|
||||
companyName: item.invoiceName,
|
||||
@ -180,20 +188,19 @@ Page({
|
||||
})
|
||||
},
|
||||
//删除
|
||||
showDelDialog(e) {
|
||||
showDelDialog(item) {
|
||||
wx.showModal({
|
||||
title: '警告',
|
||||
content: '您确定要删除该开票信息吗?',
|
||||
complete: (res) => {
|
||||
if (res.confirm) {
|
||||
this.doDeleteInvoiceInfo(e)
|
||||
this.doDeleteInvoiceInfo(item)
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
//删除开票信息
|
||||
doDeleteInvoiceInfo(e) {
|
||||
const item = e.currentTarget.dataset.value
|
||||
doDeleteInvoiceInfo(item) {
|
||||
const _self = this
|
||||
wx.showLoading({
|
||||
title: '删除中...',
|
||||
@ -333,5 +340,24 @@ Page({
|
||||
}
|
||||
}
|
||||
return true
|
||||
},
|
||||
|
||||
show() {
|
||||
console.log('show')
|
||||
},
|
||||
hide() {
|
||||
console.log('hide')
|
||||
},
|
||||
slideButtonTap(e) {
|
||||
console.log(e)
|
||||
const item = e.currentTarget.dataset.value
|
||||
const btn = e.detail.index
|
||||
if (btn == 0) {
|
||||
//编辑
|
||||
this.showEditDialog(item)
|
||||
} else {
|
||||
//删除
|
||||
this.showDelDialog(item)
|
||||
}
|
||||
}
|
||||
})
|
||||
@ -3,6 +3,7 @@
|
||||
"mp-half-screen-dialog": "weui-miniprogram/half-screen-dialog/half-screen-dialog",
|
||||
"mp-loading": "weui-miniprogram/loading/loading",
|
||||
"container-loading": "/components/container-loading/container-loading",
|
||||
"mp-toptips": "weui-miniprogram/toptips/toptips"
|
||||
"mp-toptips": "weui-miniprogram/toptips/toptips",
|
||||
"mp-slideview": "weui-miniprogram/slideview/slideview"
|
||||
}
|
||||
}
|
||||
@ -7,28 +7,26 @@
|
||||
<view class="add-btn" bind:tap="showCreateDialog">新建</view>
|
||||
</view>
|
||||
<view class="content-container">
|
||||
<container-loading loadingState="{{loadingState}}" style="height: 85vh;" bindrefresh="doRefreshList">
|
||||
<scroll-view scroll-y="{{true}}" style="height: 85vh;padding-bottom: 40px;" bindrefresherrefresh="doRefreshList" refresher-enabled refresher-triggered="{{listRefreshTrig}}" bindscrolltolower="doLoadMore" lower-threshold='30'>
|
||||
<container-loading loadingState="{{loadingState}}" style="height: 83vh;" bindrefresh="doRefreshList">
|
||||
<scroll-view scroll-y="{{true}}" style="height: 83vh;padding-bottom: 40px;" bindrefresherrefresh="doRefreshList" refresher-enabled refresher-triggered="{{listRefreshTrig}}" bindscrolltolower="doLoadMore" lower-threshold='30'>
|
||||
<view class="order-box">
|
||||
<block wx:for="{{invoiceInfoList}}" wx:key="index">
|
||||
<view class="order-item">
|
||||
<view class="contact-desc">
|
||||
<view class="contact-icon">
|
||||
<view class="ic-user" style="width: 24px;height: 24px;"></view>
|
||||
<view class="ml-10 name">{{item.invoiceName}}</view>
|
||||
<mp-slideview id="mp-slide" buttons="{{slideButtons}}" icon="{{true}}" data-value="{{item}}" bindbuttontap="slideButtonTap">
|
||||
<view class="order-item">
|
||||
<view class="contact-desc">
|
||||
<view class="contact-icon">
|
||||
<view class="ic-user" style="width: 24px;height: 24px;"></view>
|
||||
<view class="ml-10 name">{{item.invoiceName}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="options-box">
|
||||
<view class="edit" bind:tap="showEditDialog" data-value="{{item}}">编辑</view>
|
||||
<view class="del" bind:tap="showDelDialog" data-value="{{item}}">删除</view>
|
||||
<view class="service-desc ml-10">纳税识别号:{{item.invoiceNumber}}</view>
|
||||
<view wx:if="{{item.invoiceOrgtel != ''}}" class="service-desc ml-10">企业电话:{{item.invoiceOrgtel}}</view>
|
||||
<view class="service-desc ml-5" wx:if="{{item.invoiceOrgaddress != ''}}">
|
||||
<view class="icon-yellow-location" style="width: 32rpx;height: 32rpx;"></view>
|
||||
<view class="ml-10">{{item.invoiceOrgaddress}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="service-desc ml-10">纳税识别号:{{item.invoiceNumber}}</view>
|
||||
<view wx:if="{{item.invoiceOrgtel != ''}}" class="service-desc ml-10">企业电话:{{item.invoiceOrgtel}}</view>
|
||||
<view class="service-desc ml-5" wx:if="{{item.invoiceOrgaddress != ''}}">
|
||||
<view class="icon-yellow-location" style="width: 32rpx;height: 32rpx;"></view>
|
||||
<view class="ml-10">{{item.invoiceOrgaddress}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</mp-slideview>
|
||||
</block>
|
||||
<mp-loading show="{{isLoadMore}}" type="circle"></mp-loading>
|
||||
</view>
|
||||
@ -38,7 +36,7 @@
|
||||
</view>
|
||||
|
||||
<!-- 新增 -->
|
||||
<mp-half-screen-dialog show="{{createDialog}}">
|
||||
<mp-half-screen-dialog show="{{createDialog}}" bindclose="closeDialog">
|
||||
<view slot="title">{{title}}</view>
|
||||
<view slot="desc">
|
||||
<view class="form-box">
|
||||
|
||||
@ -24,7 +24,7 @@
|
||||
position: relative;
|
||||
align-self: center;
|
||||
border-radius: 5px;
|
||||
background-color: rgba(255, 255, 255, 1);
|
||||
background-color: var(--white-color);
|
||||
font-family: -regular;
|
||||
margin: 10px 15px;
|
||||
padding: 5px;
|
||||
@ -37,7 +37,7 @@
|
||||
|
||||
.search-input {
|
||||
box-sizing: border-box;
|
||||
color: rgba(16, 16, 16, 1);
|
||||
color: var(--text-color);
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
flex: 1;
|
||||
@ -58,7 +58,7 @@
|
||||
|
||||
.add-btn {
|
||||
border-radius: 4px;
|
||||
background-color: rgba(50, 112, 255, 1);
|
||||
background-color: var(--btn-green-color);
|
||||
color: rgba(255, 255, 255, 1);
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
@ -68,7 +68,7 @@
|
||||
}
|
||||
|
||||
.add-btn:active {
|
||||
background-color: rgba(50, 112, 255, .7);
|
||||
background-color: var(--btn-green-color-active);
|
||||
}
|
||||
|
||||
.content-container {
|
||||
@ -108,6 +108,10 @@
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
#mp-slide {
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
|
||||
.contact-desc {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
@ -125,7 +129,7 @@
|
||||
.name {
|
||||
line-height: 32rpx;
|
||||
flex: 1;
|
||||
color: rgba(0, 0, 0, 1);
|
||||
color: var(--text-color);
|
||||
font-size: 28rpx;
|
||||
text-align: left;
|
||||
font-weight: bold;
|
||||
@ -140,7 +144,7 @@
|
||||
.service-desc {
|
||||
padding: 5rpx 15rpx 15rpx 30rpx;
|
||||
line-height: 26rpx;
|
||||
color: rgba(122, 122, 122, 1);
|
||||
color: var(--text-gray-desc-color);
|
||||
font-size: 26rpx;
|
||||
text-align: left;
|
||||
font-family: SourceHanSansSC-regular;
|
||||
@ -152,28 +156,32 @@
|
||||
.edit {
|
||||
line-height: 20px;
|
||||
border-radius: 4px;
|
||||
background-color: rgba(122, 196, 131, 0.42);
|
||||
background-color: var(--btn-blue-color);
|
||||
color: rgba(255, 255, 255, 1);
|
||||
font-size: 28rpx;
|
||||
font-size: 24rpx;
|
||||
text-align: center;
|
||||
font-family: PingFangSC-regular;
|
||||
padding: 5rpx 10rpx;
|
||||
padding: 5rpx 15rpx;
|
||||
}
|
||||
|
||||
.edit:active {
|
||||
background-color: var(--btn-blue-color-active);
|
||||
}
|
||||
|
||||
.del {
|
||||
line-height: 20px;
|
||||
border-radius: 4px;
|
||||
background-color: rgba(247, 49, 42, 0.42);
|
||||
background-color: var(--btn-red-color);
|
||||
color: rgba(255, 255, 255, 1);
|
||||
font-size: 28rpx;
|
||||
font-size: 24rpx;
|
||||
text-align: center;
|
||||
font-family: PingFangSC-regular;
|
||||
padding: 5rpx 10rpx;
|
||||
padding: 5rpx 15rpx;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.del:active {
|
||||
background-color: rgba(247, 49, 42, 0.7);
|
||||
background-color: var(--btn-red-color-active);
|
||||
}
|
||||
|
||||
.options-box {
|
||||
@ -185,10 +193,6 @@
|
||||
min-width: 170rpx;
|
||||
}
|
||||
|
||||
.edit:active {
|
||||
background-color: rgba(122, 196, 131, 0.6);
|
||||
}
|
||||
|
||||
|
||||
.form-box {
|
||||
display: flex;
|
||||
@ -211,14 +215,14 @@
|
||||
.form-item-title {
|
||||
flex: .5;
|
||||
font-size: 14px;
|
||||
color: black;
|
||||
color: var(--text-color);
|
||||
font-weight: 500;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.form-item-title:not(.no-after)::before {
|
||||
content: "*";
|
||||
color: red;
|
||||
color: var(--red-color);
|
||||
font-size: 14px;
|
||||
margin-left: 1px;
|
||||
text-align: center;
|
||||
@ -230,7 +234,7 @@
|
||||
}
|
||||
|
||||
.confirm-btn {
|
||||
background-color: #FFA900;
|
||||
background-color: var(--btn-green-color);
|
||||
color: white;
|
||||
font-size: 16px;
|
||||
height: 70rpx;
|
||||
@ -241,7 +245,7 @@
|
||||
}
|
||||
|
||||
.confirm-btn:active {
|
||||
background-color: #ffaa0083;
|
||||
background-color: var(--btn-green-color-active);
|
||||
color: white;
|
||||
}
|
||||
|
||||
|
||||
@ -1,5 +1,6 @@
|
||||
// pages/mine/mineAccount/invoiceOrder/invoiceOrder.js
|
||||
import InvoiceApi from '../../../../net/api/invoiceApi'
|
||||
const app = getApp()
|
||||
Page({
|
||||
|
||||
/**
|
||||
@ -25,7 +26,7 @@ Page({
|
||||
money: 0, //开票金额
|
||||
msgHint: '',
|
||||
msgType: 'error',
|
||||
msgShow: false
|
||||
msgShow: false,
|
||||
},
|
||||
|
||||
/**
|
||||
@ -161,5 +162,15 @@ Page({
|
||||
url: `/pages/mine/mineAccount/makeInvoice/makeInvoice?money=${this.data.money}&ids=${ids}`,
|
||||
})
|
||||
}
|
||||
},
|
||||
show(e) {
|
||||
|
||||
},
|
||||
hide(e) {
|
||||
|
||||
},
|
||||
slideButtonTap(e) {
|
||||
const item = e.currentTarget.dataset.value
|
||||
const btn = e.detail.index
|
||||
}
|
||||
})
|
||||
@ -20,19 +20,19 @@
|
||||
<scroll-view scroll-y style="height: 85vh;" bindrefresherrefresh="doRefreshList" refresher-enabled refresher-triggered="{{listRefreshTrig}}" bindscrolltolower="doLoadMore" lower-threshold='30'>
|
||||
<view class="order-list-box">
|
||||
<block wx:for="{{orderList}}" wx:key="index">
|
||||
<view class="order-list-item" bind:tap="checkItem" data-value="{{item}}">
|
||||
<checkbox checked="{{item.checked}}" wx:if="{{currentStatus=='not'}}" class="custom-wx-checkbox"></checkbox>
|
||||
<view class="order-list-item-content">
|
||||
<view class="order-item-time-box">
|
||||
<view class="time-content icon-time">{{item.reconciliationTime}}</view>
|
||||
<view class="{{tools.payWay(item.thirdParty)}} pay-icon-size"></view>
|
||||
</view>
|
||||
<view class="order-item-title-box">
|
||||
<view class="success-time">到账时间:{{item.rechargeFinalTime}}</view>
|
||||
<rich-text class="pay-money" nodes="{{tools.moneyTxt(10,item.rechargeMoney)}}"></rich-text>
|
||||
<view class="order-list-item" bind:tap="checkItem" data-value="{{item}}">
|
||||
<checkbox checked="{{item.checked}}" wx:if="{{currentStatus=='not'}}" class="custom-wx-checkbox"></checkbox>
|
||||
<view class="order-list-item-content">
|
||||
<view class="order-item-time-box">
|
||||
<view class="time-content icon-time">{{item.reconciliationTime}}</view>
|
||||
<view class="{{tools.payWay(item.thirdParty)}} pay-icon-size"></view>
|
||||
</view>
|
||||
<view class="order-item-title-box">
|
||||
<view class="success-time">到账时间:{{item.rechargeFinalTime}}</view>
|
||||
<rich-text class="pay-money" nodes="{{tools.moneyTxt(10,item.rechargeMoney)}}"></rich-text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
<mp-loading show="{{isLoadMore}}" type="circle"></mp-loading>
|
||||
</view>
|
||||
|
||||
@ -1,5 +1,3 @@
|
||||
|
||||
|
||||
.list-title-btns {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
@ -14,18 +12,17 @@
|
||||
|
||||
.btn-select {
|
||||
line-height: 20px;
|
||||
color: rgba(233, 157, 66, 1);
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
flex: 1;
|
||||
padding: 10px;
|
||||
color: #2A9E75;
|
||||
color: var(--btn-green-color);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.btn-normal {
|
||||
line-height: 20px;
|
||||
color: rgba(16, 16, 16, 1);
|
||||
color: var(--text-gray-desc-color);
|
||||
flex: 1;
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
@ -36,7 +33,7 @@
|
||||
.border-select {
|
||||
width: 20px;
|
||||
height: 4px;
|
||||
background-color: #2A9E75;
|
||||
background-color: var(--btn-green-color);
|
||||
margin-top: 10px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
@ -53,7 +50,7 @@
|
||||
height: 4px;
|
||||
margin-top: 10px;
|
||||
border-radius: 2px;
|
||||
background-color: #F0F0F0;
|
||||
background-color: var(--divider-color);
|
||||
}
|
||||
|
||||
|
||||
@ -98,8 +95,9 @@
|
||||
.order-item-time-box {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
font-size: 28rpx;
|
||||
font-size: 32rpx;
|
||||
padding: 10rpx 10rpx 0rpx 10rpx;
|
||||
color: var(--text-color);
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
@ -112,15 +110,15 @@
|
||||
.success-time {
|
||||
font-size: 24rpx;
|
||||
padding-left: 5rpx;
|
||||
color: #3a3a3a;
|
||||
color: var(--text-gray-desc-color);
|
||||
}
|
||||
|
||||
.icon-time::before {
|
||||
content: '';
|
||||
background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB0PSIxNzQ1ODEyODg5NzI5IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjM2MTgwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPjxwYXRoIGQ9Ik01MTMgMzMuMjJjLTI2NS4xIDAtNDgwIDIxNC45LTQ4MCA0ODBzMjE0LjkgNDgwIDQ4MCA0ODAgNDgwLTIxNC45IDQ4MC00ODAtMjE0LjktNDgwLTQ4MC00ODB6IG0yMDguOSA2NTIuNTljLTExLjA1IDE5LjEzLTM1LjUxIDI1LjY5LTU0LjY0IDE0LjY0TDQ3NC4xIDU4OC45M2MtMTMuMDYtNy41NC0yMC4yNi0yMS4zNC0xOS45OS0zNS40MiAwLTAuMTctMC4wMS0wLjM0LTAuMDEtMC41MVYzMjkuOTVjMC0yMi4wOSAxNy45MS00MCA0MC00MHM0MCAxNy45MSA0MCA0MHYyMDEuMjNsMTczLjE3IDk5Ljk4YzE5LjEyIDExLjA1IDI1LjY4IDM1LjUxIDE0LjYzIDU0LjY1eiIgZmlsbD0iI2RiZGJkYiIgcC1pZD0iMzYxODEiPjwvcGF0aD48L3N2Zz4=');
|
||||
background-size: cover;
|
||||
width: 28rpx;
|
||||
height: 28rpx;
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
margin-right: 10rpx;
|
||||
@ -133,8 +131,8 @@
|
||||
|
||||
.custom-wx-checkbox .wx-checkbox-input.wx-checkbox-input-checked {
|
||||
color: #fff !important;
|
||||
background-color: #FFA900;
|
||||
border: 1px solid #FFA900;
|
||||
background-color: var(--primary-color);
|
||||
border: 1px solid var(--primary-color);
|
||||
}
|
||||
|
||||
.custom-wx-checkbox .wx-checkbox-input {
|
||||
@ -148,7 +146,7 @@
|
||||
border-radius: 16rpx;
|
||||
background-color: transparent;
|
||||
position: relative;
|
||||
border: 1rpx solid #FFA900;
|
||||
border: 1rpx solid var(--primary-color);
|
||||
box-sizing: border-box;
|
||||
text-align: center;
|
||||
}
|
||||
@ -179,28 +177,28 @@
|
||||
|
||||
|
||||
.confirm-btn {
|
||||
background-color: #FFA900;
|
||||
background-color: var(--btn-green-color);
|
||||
color: white;
|
||||
font-size: 16px;
|
||||
height: 70rpx;
|
||||
line-height: 70rpx;
|
||||
border-radius: 5px;
|
||||
text-align: center;
|
||||
width: 85vw !important;
|
||||
width: 90vw !important;
|
||||
}
|
||||
|
||||
.confirm-btn:active {
|
||||
background-color: #ffaa0083;
|
||||
background-color: var(--btn-green-color-active);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.money {
|
||||
color: #532A00;
|
||||
color: var(--text-brown-color);
|
||||
font-size: 20px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.price {
|
||||
color: rgb(255, 0, 0);
|
||||
color: var(--red-color);
|
||||
}
|
||||
@ -1,11 +1,17 @@
|
||||
// pages/mine/mineAccount/invoiceRecordDetail/invoiceRecordDetail.js
|
||||
import {
|
||||
previewUrl
|
||||
} from '../../../../net/http'
|
||||
const app = getApp()
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
detailBean: null
|
||||
imgAssets: app.globalData.imgAssetsUrl,
|
||||
imgPrefix: previewUrl,
|
||||
detailBean: null,
|
||||
},
|
||||
|
||||
/**
|
||||
@ -13,7 +19,10 @@ Page({
|
||||
*/
|
||||
onLoad(options) {
|
||||
const beanStr = options.bean
|
||||
const bean = JSON.parse(beanStr)
|
||||
let bean = JSON.parse(beanStr)
|
||||
if (bean != null && bean.invoiceFile != '') {
|
||||
bean = this.parseImg(bean)
|
||||
}
|
||||
this.setData({
|
||||
detailBean: bean
|
||||
})
|
||||
@ -29,5 +38,21 @@ Page({
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
//预览图片
|
||||
preImg(e) {
|
||||
const _self = this
|
||||
wx.previewImage({
|
||||
urls: _self.data.detailBean.imgFileList
|
||||
})
|
||||
},
|
||||
parseImg(bean) {
|
||||
const prefix = this.data.imgPrefix;
|
||||
const splits = bean.invoiceFile.split(',')
|
||||
bean.imgFileList= []
|
||||
splits.map(item => {
|
||||
const img = prefix + item
|
||||
bean.imgFileList.push(img)
|
||||
})
|
||||
return bean
|
||||
}
|
||||
})
|
||||
@ -1,10 +1,10 @@
|
||||
<view class="page-container">
|
||||
<swiper indicator-dots style="height: 120rpx;" autoplay indicator-active-color="#fff">
|
||||
<swiper-item>
|
||||
<image src="https://www.aimzhu.com/miniapp-assets/banner_1.png" style="width: 100vw;height: 120rpx;"></image>
|
||||
<image src="{{imgAssets}}/banner_1.png" style="width: 100vw;height: 120rpx;"></image>
|
||||
</swiper-item>
|
||||
<swiper-item>
|
||||
<image src="https://www.aimzhu.com/miniapp-assets/banner_2.png" style="width: 100vw;height: 120rpx;"></image>
|
||||
<image src="{{imgAssets}}/banner_2.png" style="width: 100vw;height: 120rpx;"></image>
|
||||
</swiper-item>
|
||||
</swiper>
|
||||
<view class="invoice-info-title mt-40">
|
||||
@ -72,18 +72,27 @@
|
||||
<view class="invoice-info-item">
|
||||
<view class="invoice-info-item-title gray-star">开票金额</view>
|
||||
<view class="invoice-info-item-content">
|
||||
<rich-text style="font-size: 28rpx;color: red;font-weight: bold;" nodes="{{tools.moneyTxt(10,detailBean.invoiceRechargeMoney)}}"></rich-text>
|
||||
<rich-text style="font-size: 28rpx;color: var(--red-color);font-weight: bold;" nodes="{{tools.moneyTxt(10,detailBean.invoiceRechargeMoney)}}"></rich-text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="invoice-info-item-ver">
|
||||
<view class="invoice-info-item-title" style="align-self: flex-start;">开票备注</view>
|
||||
<view class="invoice-remark">{{detailBean.invoiceRecord}}</view>
|
||||
</view>
|
||||
<view class="invoice-info-item-ver" wx:if="{{detailBean != null && detailBean.invoiceFile != ''}}">
|
||||
<view class="invoice-info-item-title" style="align-self: flex-start;">发票</view>
|
||||
<view class="invoice-img-box">
|
||||
<block wx:for="{{detailBean.imgFileList}}" wx:key="index">
|
||||
<view class="invoice-img-item">
|
||||
<image class="invoice-img" src="{{item}}" bind:tap="preImg" data-value="{{item}}"></image>
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
</view>
|
||||
<view wx:if="{{detailBean != null && detailBean.invoiceStatus =='0'}}">
|
||||
<view class="invoice-info-item-title" style="color: red;">失败原因</view>
|
||||
<view style="padding-left:20rpx;font-size: 28rpx;color: red;font-weight: bold;">{{detailBean.invoiceFinalRecord}}</view>
|
||||
<view class="invoice-info-item-title" style="color: var(--red-color);">失败原因</view>
|
||||
<view style="padding-left:20rpx;font-size: 28rpx;color: var(--red-color);font-weight: bold;">{{detailBean.invoiceFinalRecord}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <mp-toptips msg="{{msgHint}}" type="{{msgType}}" show="{{msgShow}}" delay="{{2000}}"></mp-toptips> -->
|
||||
<wxs src="../../../../utils/comm.wxs" module="tools"></wxs>
|
||||
@ -21,23 +21,42 @@
|
||||
}
|
||||
|
||||
.col-yellow {
|
||||
background-color: #FFA900;
|
||||
color: #000000;
|
||||
background-color: var(--primary-color);
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
.invoice-img-box {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 15rpx;
|
||||
}
|
||||
|
||||
.invoice-img {
|
||||
width: 24vw;
|
||||
height: 130rpx;
|
||||
border-radius: 5rpx;
|
||||
}
|
||||
|
||||
.invoice-img-item {
|
||||
margin: 5rpx;
|
||||
}
|
||||
|
||||
|
||||
.col-gray {
|
||||
background-color: #ccc;
|
||||
color: #666;
|
||||
background-color: var(--bg-gray-color);
|
||||
color: var(--text-gray-desc-color);
|
||||
}
|
||||
|
||||
.col-green {
|
||||
background-color: #90ee90;
|
||||
color: #006400;
|
||||
background-color: var(--bg-green-color);
|
||||
color: var(--btn-green-color);
|
||||
}
|
||||
|
||||
.col-red {
|
||||
background-color: #f08080;
|
||||
color: #8b0000;
|
||||
background-color: var(--bg-red-color);
|
||||
color: var(--red-color);
|
||||
}
|
||||
|
||||
|
||||
@ -78,7 +97,7 @@
|
||||
|
||||
.invoice-remark {
|
||||
height: 120rpx;
|
||||
border: 1rpx solid #dbdbdb;
|
||||
border: 1rpx solid var(--divider-color);
|
||||
align-self: center;
|
||||
border-radius: 10rpx;
|
||||
width: 95%;
|
||||
|
||||
@ -1,11 +1,13 @@
|
||||
// pages/mine/mineAccount/makeInvoice/makeInvoice.js
|
||||
import InvoiceApi from '../../../../net/api/invoiceApi'
|
||||
const app = getApp()
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
imgAssets: app.globalData.imgAssetsUrl,
|
||||
msgType: 'error',
|
||||
msgHint: '',
|
||||
msgShow: false,
|
||||
@ -139,6 +141,9 @@ Page({
|
||||
})
|
||||
},
|
||||
openCreateInvoiceInfo() {
|
||||
this.setData({
|
||||
showInvoiceInfo: false
|
||||
})
|
||||
wx.navigateTo({
|
||||
url: '/pages/mine/mineAccount/invoiceInfo/invoiceInfo',
|
||||
})
|
||||
@ -323,5 +328,10 @@ Page({
|
||||
let beforePage = pages[pages.length - 2];
|
||||
beforePage.doRefreshList()
|
||||
wx.navigateBack()
|
||||
},
|
||||
closeDialog(e) {
|
||||
this.setData({
|
||||
showInvoiceInfo: false
|
||||
})
|
||||
}
|
||||
})
|
||||
@ -1,10 +1,10 @@
|
||||
<view class="page-container">
|
||||
<swiper indicator-dots style="height: 120rpx;" autoplay indicator-active-color="#fff">
|
||||
<swiper-item>
|
||||
<image src="https://www.aimzhu.com/miniapp-assets/banner_1.png" style="width: 100vw;height: 120rpx;"></image>
|
||||
<image src="{{imgAssets}}/banner_1.png" style="width: 100vw;height: 120rpx;"></image>
|
||||
</swiper-item>
|
||||
<swiper-item>
|
||||
<image src="https://www.aimzhu.com/miniapp-assets/banner_2.png" style="width: 100vw;height: 120rpx;"></image>
|
||||
<image src="{{imgAssets}}/banner_2.png" style="width: 100vw;height: 120rpx;"></image>
|
||||
</swiper-item>
|
||||
</swiper>
|
||||
<view class="invoice-info-title mt-40">开票信息</view>
|
||||
@ -50,7 +50,7 @@
|
||||
<view class="invoice-info-item">
|
||||
<view class="invoice-info-item-title star">开票金额</view>
|
||||
<view class="invoice-info-item-content">
|
||||
<rich-text style="font-size: 28rpx;color: red;font-weight: bold;" nodes="{{tools.moneyTxt(10,invoiceMoney)}}"></rich-text>
|
||||
<rich-text style="font-size: 28rpx;color: var(--red-color);font-weight: bold;" nodes="{{tools.moneyTxt(10,invoiceMoney)}}"></rich-text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="invoice-info-item-ver">
|
||||
@ -58,8 +58,8 @@
|
||||
<textarea class="invoice-remark" value="{{remark}}" bindinput="inputRemark" placeholder-style="color:#dbdbdb;" placeholder="请输入备注信息"></textarea>
|
||||
</view>
|
||||
<view wx:if="{{editBean != null && editBean.invoiceStatus == '0'}}">
|
||||
<view class="invoice-info-item-title" style="color: red;">失败原因</view>
|
||||
<view style="padding-left:20rpx;font-size: 28rpx;color: red;font-weight: bold;">{{editBean.invoiceFinalRecord}}</view>
|
||||
<view class="invoice-info-item-title" style="color: var(--red-color);">失败原因</view>
|
||||
<view style="padding-left:20rpx;font-size: 28rpx;color: var(--red-color);font-weight: bold;">{{editBean.invoiceFinalRecord}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="bottom-btn">
|
||||
@ -67,7 +67,7 @@
|
||||
</view>
|
||||
</view>
|
||||
<!-- 开票信息 -->
|
||||
<mp-half-screen-dialog show="{{showInvoiceInfo}}">
|
||||
<mp-half-screen-dialog show="{{showInvoiceInfo}}" bindclose="closeDialog">
|
||||
<view slot="title">开票信息</view>
|
||||
<view slot="desc">
|
||||
<scroll-view scroll-y style="height:500rpx;">
|
||||
|
||||
@ -1,5 +1,3 @@
|
||||
|
||||
|
||||
.invoice-info-title {
|
||||
font-size: 36rpx;
|
||||
font-weight: bold;
|
||||
@ -29,7 +27,7 @@
|
||||
|
||||
.invoice-remark {
|
||||
height: 120rpx;
|
||||
border: 1rpx solid #dbdbdb;
|
||||
border: 1rpx solid var(--divider-color);
|
||||
align-self: center;
|
||||
border-radius: 10rpx;
|
||||
width: 95%;
|
||||
@ -62,7 +60,7 @@
|
||||
}
|
||||
|
||||
.confirm-btn {
|
||||
background-color: #FFA900;
|
||||
background-color: var(--btn-green-color);
|
||||
color: white;
|
||||
font-size: 16px;
|
||||
height: 70rpx;
|
||||
@ -74,7 +72,7 @@
|
||||
}
|
||||
|
||||
.confirm-btn:active {
|
||||
background-color: #ffaa0083;
|
||||
background-color: var(--btn-green-color-active);
|
||||
color: white;
|
||||
}
|
||||
|
||||
@ -121,11 +119,11 @@
|
||||
}
|
||||
|
||||
.normal-value {
|
||||
color: #dbdbdb;
|
||||
color: var(--text-gray-hint-color);
|
||||
}
|
||||
|
||||
.select-value {
|
||||
color: #000000;
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
.custom-radio-no-border .wx-radio-input {
|
||||
@ -145,12 +143,12 @@
|
||||
|
||||
/* 选中状态下的内部圆圈 */
|
||||
.custom-radio-no-border .wx-radio-input.wx-radio-input-checked::before {
|
||||
color: #FFA900;
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
/* 未选中状态 */
|
||||
.custom-radio .wx-radio-input {
|
||||
border-color: #757575;
|
||||
border-color: var(--gray-color);
|
||||
background-color: transparent;
|
||||
width: 28rpx;
|
||||
height: 28rpx;
|
||||
@ -159,13 +157,13 @@
|
||||
|
||||
/* 选中状态 */
|
||||
.custom-radio .wx-radio-input.wx-radio-input-checked {
|
||||
border-color: #FFA900;
|
||||
background: linear-gradient(to right, #FFA900, #ffaa007e);
|
||||
border-color: var(--primary-color);
|
||||
background: linear-gradient(to right, var(--primary-color), var(--primary-color-light));
|
||||
}
|
||||
|
||||
/* 选中状态下的内部圆圈 */
|
||||
.custom-radio .wx-radio-input.wx-radio-input-checked::before {
|
||||
color: #FFFFFF;
|
||||
color: var(--white-color);
|
||||
}
|
||||
|
||||
.custom-radio:nth-of-type(n+2) {
|
||||
@ -184,14 +182,14 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
text-align: left;
|
||||
color: #FFA900;
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.invoice-sel-item-gray {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
text-align: left;
|
||||
color: #535353;
|
||||
color: var(--text-gray-desc-color);
|
||||
}
|
||||
|
||||
.invoice-sel-item-box {
|
||||
@ -201,5 +199,5 @@
|
||||
align-items: center;
|
||||
flex: 1;
|
||||
padding: 20rpx 10rpx;
|
||||
border-bottom: 1rpx solid #F0F0F0;
|
||||
border-bottom: 1rpx solid var(--divider-color);
|
||||
}
|
||||
@ -4,12 +4,14 @@ const {
|
||||
isValidPhone,
|
||||
isValidEmail
|
||||
} = require('../../../../utils/validator')
|
||||
const app = getApp()
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
slideBtns: app.globalData.slideBtns,
|
||||
contactList: [], //联系人列表
|
||||
pageData: {
|
||||
page: 1,
|
||||
@ -94,9 +96,8 @@ Page({
|
||||
})
|
||||
},
|
||||
//显示编辑弹窗
|
||||
showEditDialog(e) {
|
||||
showEditDialog(item) {
|
||||
const _self = this
|
||||
const item = e.currentTarget.dataset.value
|
||||
_self.setData({
|
||||
title: '编辑',
|
||||
showCreateContact: true,
|
||||
@ -126,16 +127,12 @@ Page({
|
||||
console.log(err)
|
||||
})
|
||||
},
|
||||
showDelDialog(e) {
|
||||
showDelDialog(item) {
|
||||
const _self = this
|
||||
const item = e.currentTarget.dataset.value
|
||||
wx.showModal({
|
||||
title: '警告',
|
||||
content: '一旦删除，该联系人信息将无法恢复，你仍要删除吗？',
|
||||
complete: (res) => {
|
||||
if (res.cancel) {
|
||||
|
||||
}
|
||||
if (res.confirm) {
|
||||
_self.doDelContact(item.projContactId)
|
||||
}
|
||||
@ -356,5 +353,27 @@ Page({
|
||||
doSearchKeyWord() {
|
||||
const _self = this
|
||||
_self.doRefreshList()
|
||||
},
|
||||
hide(e) {
|
||||
|
||||
},
|
||||
show(e) {
|
||||
|
||||
},
|
||||
//滑动条目
|
||||
slideButtonTap(e) {
|
||||
const item = e.currentTarget.dataset.value
|
||||
const index = e.detail.index
|
||||
console.log(index)
|
||||
if (index == 0) {
|
||||
this.showEditDialog(item)
|
||||
} else {
|
||||
this.showDelDialog(item)
|
||||
}
|
||||
},
|
||||
closeDialog(e) {
|
||||
this.setData({
|
||||
showCreateContact: false
|
||||
})
|
||||
}
|
||||
})
|
||||
@ -3,6 +3,7 @@
|
||||
"mp-half-screen-dialog": "weui-miniprogram/half-screen-dialog/half-screen-dialog",
|
||||
"mp-loading": "weui-miniprogram/loading/loading",
|
||||
"container-loading": "/components/container-loading/container-loading",
|
||||
"mp-toptips": "weui-miniprogram/toptips/toptips"
|
||||
"mp-toptips": "weui-miniprogram/toptips/toptips",
|
||||
"mp-slideview": "weui-miniprogram/slideview/slideview"
|
||||
}
|
||||
}
|
||||
@ -11,21 +11,24 @@
|
||||
<scroll-view scroll-y="{{true}}" style="height: 85vh;padding-bottom: 40px;" bindrefresherrefresh="doRefreshList" refresher-enabled refresher-triggered="{{listRefreshTrig}}" bindscrolltolower="doLoadMore" lower-threshold='30'>
|
||||
<view class="order-box">
|
||||
<block wx:for="{{contactList}}" wx:key="index">
|
||||
<view class="order-item">
|
||||
<view class="contact-desc">
|
||||
<view class="contact-icon">
|
||||
<view class="ic-user" style="width: 24px;height: 24px;"></view>
|
||||
<view class="ml-10 name">{{item.name}}</view>
|
||||
</view>
|
||||
<view>{{item.phone}}</view>
|
||||
<view class="options-box">
|
||||
<view class="edit" bind:tap="showEditDialog" data-value="{{item}}">编辑</view>
|
||||
<view class="del" bind:tap="showDelDialog" data-value="{{item}}">删除</view>
|
||||
<mp-slideview id="mp-slide" buttons="{{slideBtns}}" icon="{{true}}" bindshow="show" data-value="{{item}}" bindhide="hide" bindbuttontap="slideButtonTap">
|
||||
<view class="order-item">
|
||||
|
||||
<view class="contact-desc">
|
||||
<view class="contact-icon">
|
||||
<view class="ic-user" style="width: 24px;height: 24px;"></view>
|
||||
<view class="ml-10 name">{{item.name}}</view>
|
||||
</view>
|
||||
<view>{{item.phone}}</view>
|
||||
<!-- <view class="options-box">
|
||||
<view class="edit" bind:tap="showEditDialog" data-value="{{item}}">编辑</view>
|
||||
<view class="del" bind:tap="showDelDialog" data-value="{{item}}">删除</view>
|
||||
</view> -->
|
||||
</view>
|
||||
<view class="service-desc ml-10">{{item.company}}</view>
|
||||
<view class="service-desc ml-10">专属客服 : {{item.csaNo}}</view>
|
||||
</view>
|
||||
<view class="service-desc ml-10">{{item.company}}</view>
|
||||
<view class="service-desc ml-10">专属客服 : {{item.csaNo}}</view>
|
||||
</view>
|
||||
</mp-slideview>
|
||||
</block>
|
||||
<mp-loading show="{{isLoadMore}}" type="circle"></mp-loading>
|
||||
</view>
|
||||
@ -35,7 +38,7 @@
|
||||
</view>
|
||||
|
||||
<!-- 新增 -->
|
||||
<mp-half-screen-dialog show="{{showCreateContact}}">
|
||||
<mp-half-screen-dialog show="{{showCreateContact}}" bindclose="closeDialog">
|
||||
<view slot="title">{{title}}</view>
|
||||
<view slot="desc">
|
||||
<view class="form-box">
|
||||
|
||||
@ -21,7 +21,7 @@
|
||||
position: relative;
|
||||
align-self: center;
|
||||
border-radius: 5px;
|
||||
background-color: rgba(255, 255, 255, 1);
|
||||
background-color: var(--white-color);
|
||||
font-family: -regular;
|
||||
margin: 10px 15px;
|
||||
padding: 5px;
|
||||
@ -34,7 +34,7 @@
|
||||
|
||||
.search-input {
|
||||
box-sizing: border-box;
|
||||
color: rgba(16, 16, 16, 1);
|
||||
color: var(--text-color);
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
flex: 1;
|
||||
@ -55,7 +55,7 @@
|
||||
|
||||
.add-btn {
|
||||
border-radius: 4px;
|
||||
background-color: rgba(50, 112, 255, 1);
|
||||
background-color: var(--btn-green-color);
|
||||
color: rgba(255, 255, 255, 1);
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
@ -65,7 +65,7 @@
|
||||
}
|
||||
|
||||
.add-btn:active {
|
||||
background-color: rgba(50, 112, 255, .7);
|
||||
background-color: var(--btn-green-color-active);
|
||||
}
|
||||
|
||||
.content-container {
|
||||
@ -110,7 +110,7 @@
|
||||
|
||||
.name {
|
||||
line-height: 23rpx;
|
||||
color: rgba(0, 0, 0, 1);
|
||||
color: var(--text-color);
|
||||
font-size: 32rpx;
|
||||
text-align: left;
|
||||
font-weight: bold;
|
||||
@ -169,9 +169,7 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: flex-start;
|
||||
font-size: 14px;
|
||||
width: 100vw;
|
||||
}
|
||||
|
||||
.form-item {
|
||||
@ -179,22 +177,21 @@
|
||||
flex-direction: row;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
width: 80vw;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.form-item-title {
|
||||
flex: .3;
|
||||
font-size: 14px;
|
||||
color: black;
|
||||
font-size: 28rpx;
|
||||
color: var(--text-color);
|
||||
font-weight: 500;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.form-item-title:not(.no-after)::before {
|
||||
content: "*";
|
||||
color: red;
|
||||
font-size: 14px;
|
||||
color: var(--red-color);
|
||||
font-size: 28rpx;
|
||||
margin-left: 1px;
|
||||
text-align: center;
|
||||
}
|
||||
@ -202,16 +199,22 @@
|
||||
.form-item-content {
|
||||
flex: 1;
|
||||
text-align: right;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.confirm-btn {
|
||||
background-color: green;
|
||||
background-color: var(--btn-green-color);
|
||||
color: white;
|
||||
font-size: 16px;
|
||||
height: 40px;
|
||||
border-radius: 5px;
|
||||
text-align: center;
|
||||
width: 85vw !important;
|
||||
width: 100% !important;
|
||||
/* width: 85vw !important; */
|
||||
}
|
||||
|
||||
.confirm-btn:active {
|
||||
background-color: var(--btn-green-color-active);
|
||||
}
|
||||
|
||||
.weui-half-screen-dialog__ft {
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
|
||||
.list-title-btns {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
@ -13,18 +12,18 @@
|
||||
|
||||
.btn-select {
|
||||
line-height: 20px;
|
||||
color: rgba(233, 157, 66, 1);
|
||||
color: var(--btn-primary-color);
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
flex: 1;
|
||||
padding: 10px;
|
||||
color: #2A9E75;
|
||||
color: var(--btn-green-color);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.btn-normal {
|
||||
line-height: 20px;
|
||||
color: rgba(16, 16, 16, 1);
|
||||
color: var(--text-color);
|
||||
flex: 1;
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
@ -35,7 +34,7 @@
|
||||
.border-select {
|
||||
width: 20px;
|
||||
height: 4px;
|
||||
background-color: #2A9E75;
|
||||
background-color: var(--btn-green-color);
|
||||
margin-top: 10px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
@ -52,7 +51,7 @@
|
||||
height: 4px;
|
||||
margin-top: 10px;
|
||||
border-radius: 2px;
|
||||
background-color: #F0F0F0;
|
||||
background-color: var(--divider-color);
|
||||
}
|
||||
|
||||
.coupons-list-box {
|
||||
@ -71,7 +70,7 @@
|
||||
background-color: white;
|
||||
flex-direction: row;
|
||||
padding: 20px 0px;
|
||||
box-shadow: 0px 0px 1px 1px #F0F0F0;
|
||||
box-shadow: 0px 0px 1px 1px var(--divider-color);
|
||||
}
|
||||
|
||||
.tickets:nth-of-type(n+2) {
|
||||
@ -79,32 +78,32 @@
|
||||
}
|
||||
|
||||
.tickets-yellow {
|
||||
border-left: 5px solid #FFA900;
|
||||
border-left: 5px solid var(--primary-color);
|
||||
}
|
||||
|
||||
.tickets-gray {
|
||||
border-left: 5px solid #A9A9A9;
|
||||
border-left: 5px solid var(--gray-color);
|
||||
}
|
||||
|
||||
.tickets-green {
|
||||
border-left: 5px solid #2A9E75;
|
||||
border-left: 5px solid var(--bg-green-color);
|
||||
}
|
||||
|
||||
.font-yellow {
|
||||
color: #FFA900
|
||||
color: var(--primary-color)
|
||||
}
|
||||
|
||||
.font-gray {
|
||||
color: #A9A9A9;
|
||||
color: var(--gray-color);
|
||||
}
|
||||
|
||||
.font-green {
|
||||
color: #2A9E75;
|
||||
color: var(--green-color-light);
|
||||
}
|
||||
|
||||
.v-divide {
|
||||
height: auto;
|
||||
border-right: 1.5px dashed rgba(221, 221, 221, 1);
|
||||
border-right: 1.5px dashed var(--divider-color);
|
||||
}
|
||||
|
||||
.l-tickets-box {
|
||||
@ -124,7 +123,7 @@
|
||||
}
|
||||
|
||||
.use-link {
|
||||
color: #0a86fa;
|
||||
color: var(--blue-color);
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
}
|
||||
@ -152,7 +151,7 @@
|
||||
|
||||
.r-title {
|
||||
line-height: 25px;
|
||||
color: #313131;
|
||||
color: var(--text-color);
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
@ -161,7 +160,7 @@
|
||||
|
||||
.r-time {
|
||||
line-height: 17px;
|
||||
color: rgba(118, 118, 118, 1);
|
||||
color: var(--text-gray-desc-color);
|
||||
font-size: 12px;
|
||||
text-align: left;
|
||||
font-family: PingFangSC-regular;
|
||||
@ -179,13 +178,13 @@
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
font-size: 14px;
|
||||
color: #5D3900;
|
||||
color: var(--text-brown-color);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.ticket-content {
|
||||
font-size: 18px;
|
||||
color: #5D3900;
|
||||
color: var(--text-brown-color);
|
||||
text-align: center;
|
||||
margin-top: 5px;
|
||||
font-weight: 800;
|
||||
@ -193,7 +192,7 @@
|
||||
|
||||
.ticket-desc {
|
||||
font-size: 12px;
|
||||
color: #5D3900;
|
||||
color: var(--text-brown-color);
|
||||
margin-top: 10px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
@ -1,5 +1,3 @@
|
||||
|
||||
|
||||
.info-container {
|
||||
height: 100vh;
|
||||
background-color: white;
|
||||
@ -41,7 +39,7 @@
|
||||
line-height: 42px;
|
||||
margin-bottom: 20px;
|
||||
border-radius: 4px;
|
||||
background-color: rgba(255, 169, 0, 1);
|
||||
background-color: var(--btn-green-color);
|
||||
color: rgba(255, 255, 255, 1);
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
@ -50,6 +48,6 @@
|
||||
|
||||
|
||||
.green-bottom-btn:active {
|
||||
background-color: rgba(255, 169, 0, 0.3);
|
||||
background-color: var(--btn-green-color-active);
|
||||
color: white;
|
||||
}
|
||||
@ -1,5 +1,7 @@
|
||||
// pages/mine/mineAccount/mineInvoice/mineInvoice.js
|
||||
// 发票管理首页
|
||||
import InvoiceApi from '../../../../net/api/invoiceApi'
|
||||
const app = getApp()
|
||||
Page({
|
||||
|
||||
/**
|
||||
@ -20,6 +22,10 @@ Page({
|
||||
isLoadMore: false,
|
||||
hasMore: true,
|
||||
recordList: [], //开票记录
|
||||
slideBtns: [{
|
||||
text: '删除',
|
||||
src: app.globalData.localAssets + "/ic_delete_red.png" // icon的路径
|
||||
}]
|
||||
},
|
||||
|
||||
/**
|
||||
@ -184,5 +190,38 @@ Page({
|
||||
wx.navigateTo({
|
||||
url: '/pages/mine/mineAccount/invoiceRecordDetail/invoiceRecordDetail?bean=' + params,
|
||||
})
|
||||
},
|
||||
slideButtonTap(e) {
|
||||
const item = e.currentTarget.dataset.value
|
||||
const btn = e.detail.index
|
||||
console.log(item)
|
||||
if (btn == 0) {
|
||||
//删除,先判断状态 用户取消-1,开票失败:0,开票中:1,开票完成:2
|
||||
if (item.invoiceStatus != '1') {
|
||||
this.showDelDialog(item)
|
||||
} else {
|
||||
this.setData({
|
||||
msgHint: '当前发票处于开具流程中，暂不支持删除',
|
||||
msgType: 'error',
|
||||
msgShow: true
|
||||
})
|
||||
}
|
||||
}
|
||||
},
|
||||
showDelDialog(item) {
|
||||
const _self = this
|
||||
wx.showModal({
|
||||
title: '警告',
|
||||
content: '该开票记录删除后不可恢复，是否确认执行删除操作？请谨慎抉择',
|
||||
complete: (res) => {
|
||||
if (res.confirm) {
|
||||
_self.doDelRecord(item)
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
//删除记录
|
||||
doDelRecord(item) {
|
||||
|
||||
}
|
||||
})
|
||||
@ -3,6 +3,7 @@
|
||||
"mp-half-screen-dialog": "weui-miniprogram/half-screen-dialog/half-screen-dialog",
|
||||
"mp-loading": "weui-miniprogram/loading/loading",
|
||||
"container-loading": "/components/container-loading/container-loading",
|
||||
"mp-toptips": "weui-miniprogram/toptips/toptips"
|
||||
"mp-toptips": "weui-miniprogram/toptips/toptips",
|
||||
"mp-slideview": "weui-miniprogram/slideview/slideview"
|
||||
}
|
||||
}
|
||||
@ -11,6 +11,7 @@
|
||||
<scroll-view scroll-y="{{true}}" style="height: 85vh;padding-bottom: 40px;" bindrefresherrefresh="doRefreshList" refresher-enabled refresher-triggered="{{listRefreshTrig}}" bindscrolltolower="doLoadMore" lower-threshold='30'>
|
||||
<view class="order-box">
|
||||
<block wx:for="{{recordList}}" wx:key="index">
|
||||
<!-- <mp-slideview id="mp-slide" buttons="{{slideBtns}}" icon="{{true}}" data-value="{{item}}" bindbuttontap="slideButtonTap"> -->
|
||||
<view class="order-item">
|
||||
<view class="record-title-box">
|
||||
<view class="record-title-status {{tools.invoiceStatusColor(item.invoiceStatus)}}">{{tools.invoiceStatus(item.invoiceStatus)}}</view>
|
||||
@ -26,6 +27,7 @@
|
||||
<rich-text style="font-size: 40rpx;color: red;" nodes="{{tools.moneyTxt(10,item.invoiceRechargeMoney)}}"></rich-text>
|
||||
</view>
|
||||
</view>
|
||||
<!-- </mp-slideview> -->
|
||||
</block>
|
||||
<mp-loading show="{{isLoadMore}}" type="circle"></mp-loading>
|
||||
</view>
|
||||
|
||||
@ -1,7 +1,3 @@
|
||||
|
||||
|
||||
|
||||
|
||||
.ic-user {
|
||||
background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB0PSIxNzQzOTg4MzkwNjkwIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjM0MDkiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTUxMiAxMDI0QzIyOS4yMDUzMzMgMTAyNCAwIDc5NC43OTQ2NjcgMCA1MTJTMjI5LjIwNTMzMyAwIDUxMiAwczUxMiAyMjkuMjA1MzMzIDUxMiA1MTItMjI5LjIwNTMzMyA1MTItNTEyIDUxMnogbTAtNDk2LjQ2OTMzM2ExNzAuNjY2NjY3IDE3MC42NjY2NjcgMCAxIDAgMC0zNDEuMzMzMzM0IDE3MC42NjY2NjcgMTcwLjY2NjY2NyAwIDAgMCAwIDM0MS4zMzMzMzR6IG0yNjMuNzY1MzMzIDI2My43MjI2NjZhMjYzLjc2NTMzMyAyNjMuNzY1MzMzIDAgMSAwLTUyNy41MzA2NjYgMGg1MjcuNTMwNjY2eiIgcC1pZD0iMzQxMCIgZmlsbD0iIzEyOTZkYiI+PC9wYXRoPjwvc3ZnPg==');
|
||||
background-size: cover;
|
||||
@ -25,8 +21,7 @@
|
||||
position: relative;
|
||||
align-self: center;
|
||||
border-radius: 5px;
|
||||
background-color: rgba(255, 255, 255, 1);
|
||||
font-family: -regular;
|
||||
background-color: var(--white-color);
|
||||
margin: 10px 15px;
|
||||
padding: 5px;
|
||||
display: flex;
|
||||
@ -38,7 +33,7 @@
|
||||
|
||||
.search-input {
|
||||
box-sizing: border-box;
|
||||
color: rgba(16, 16, 16, 1);
|
||||
color: var(--text-color);
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
flex: 1;
|
||||
@ -59,7 +54,7 @@
|
||||
|
||||
.add-btn {
|
||||
border-radius: 4px;
|
||||
background-color: rgba(50, 112, 255, 1);
|
||||
background-color: var(--btn-green-color);
|
||||
color: rgba(255, 255, 255, 1);
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
@ -69,7 +64,7 @@
|
||||
}
|
||||
|
||||
.add-btn:active {
|
||||
background-color: rgba(50, 112, 255, .7);
|
||||
background-color: var(--btn-green-color-active);
|
||||
}
|
||||
|
||||
.content-container {
|
||||
@ -95,6 +90,10 @@
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
#mp-slide:nth-of-type(n+2) {
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
|
||||
.order-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@ -122,17 +121,17 @@
|
||||
}
|
||||
|
||||
.red {
|
||||
background-color: rgba(247, 49, 42, 0.42);
|
||||
background-color: var(--bg-red-color);
|
||||
color: rgba(255, 255, 255, 1);
|
||||
}
|
||||
|
||||
.green {
|
||||
background-color: rgba(122, 196, 131, 0.42);
|
||||
background-color: var(--bg-green-color);
|
||||
color: rgba(255, 255, 255, 1);
|
||||
}
|
||||
|
||||
.green:active {
|
||||
background-color: rgba(122, 196, 131, 1);
|
||||
background-color: var(--bg-green-deep-color);
|
||||
color: rgba(255, 255, 255, 1);
|
||||
}
|
||||
|
||||
@ -141,7 +140,7 @@
|
||||
}
|
||||
|
||||
.red:active {
|
||||
background-color: rgba(247, 49, 42, 1);
|
||||
background-color: var(--red-color);
|
||||
}
|
||||
|
||||
.record-title-status {
|
||||
@ -157,35 +156,35 @@
|
||||
}
|
||||
|
||||
.col-yellow {
|
||||
background-color: #FFA900;
|
||||
color: #000000;
|
||||
background-color: var(--primary-color);
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
.col-gray {
|
||||
background-color: #ccc;
|
||||
color: #666;
|
||||
background-color: var(--bg-gray-deep-color);
|
||||
color: var(--text-gray-desc-color);
|
||||
}
|
||||
|
||||
.col-green {
|
||||
background-color: #90ee90;
|
||||
background-color: var(--bg-green-color);
|
||||
color: #006400;
|
||||
}
|
||||
|
||||
.col-red {
|
||||
background-color: #f08080;
|
||||
background-color: var(--bg-red-color);
|
||||
color: #8b0000;
|
||||
}
|
||||
|
||||
.record-title-name {
|
||||
font-size: 32rpx;
|
||||
color: #000000;
|
||||
color: var(--text-color);
|
||||
font-weight: bold;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.record-number {
|
||||
font-size: 24rpx;
|
||||
color: rgb(114, 114, 114);
|
||||
color: var(--text-gray-desc-color);
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
|
||||
@ -234,7 +233,7 @@
|
||||
|
||||
.name {
|
||||
line-height: 23rpx;
|
||||
color: rgba(0, 0, 0, 1);
|
||||
color: var(--text-color);
|
||||
font-size: 32rpx;
|
||||
text-align: left;
|
||||
font-weight: bold;
|
||||
@ -244,7 +243,7 @@
|
||||
.service-desc {
|
||||
padding: 0px 15px 15px 15px;
|
||||
line-height: 20px;
|
||||
color: rgba(0, 0, 0, 1);
|
||||
color: var(--text-color);
|
||||
font-size: 14px;
|
||||
text-align: left;
|
||||
font-family: SourceHanSansSC-regular;
|
||||
@ -253,7 +252,7 @@
|
||||
.edit {
|
||||
line-height: 20px;
|
||||
border-radius: 4px;
|
||||
background-color: rgba(122, 196, 131, 0.42);
|
||||
background-color: var(--btn-green-color);
|
||||
color: rgba(255, 255, 255, 1);
|
||||
font-size: 28rpx;
|
||||
text-align: center;
|
||||
@ -264,7 +263,7 @@
|
||||
.del {
|
||||
line-height: 20px;
|
||||
border-radius: 4px;
|
||||
background-color: rgba(247, 49, 42, 0.42);
|
||||
background-color: var(--btn-red-color);
|
||||
color: rgba(255, 255, 255, 1);
|
||||
font-size: 28rpx;
|
||||
text-align: center;
|
||||
@ -274,7 +273,7 @@
|
||||
}
|
||||
|
||||
.del:active {
|
||||
background-color: rgba(247, 49, 42, 0.7);
|
||||
background-color: var(--btn-red-color-active);
|
||||
}
|
||||
|
||||
.options-box {
|
||||
@ -285,7 +284,7 @@
|
||||
}
|
||||
|
||||
.edit:active {
|
||||
background-color: rgba(122, 196, 131, 0.6);
|
||||
background-color: var(--btn-green-color-active);
|
||||
}
|
||||
|
||||
|
||||
@ -310,14 +309,14 @@
|
||||
.form-item-title {
|
||||
flex: .3;
|
||||
font-size: 14px;
|
||||
color: black;
|
||||
color: var(--text-color);
|
||||
font-weight: 500;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.form-item-title:not(.no-after)::before {
|
||||
content: "*";
|
||||
color: red;
|
||||
color: var(--red-color);
|
||||
font-size: 14px;
|
||||
margin-left: 1px;
|
||||
text-align: center;
|
||||
@ -329,7 +328,7 @@
|
||||
}
|
||||
|
||||
.confirm-btn {
|
||||
background-color: #FFA900;
|
||||
background-color: var(--btn-green-color);
|
||||
color: white;
|
||||
font-size: 16px;
|
||||
height: 70rpx;
|
||||
@ -340,7 +339,7 @@
|
||||
}
|
||||
|
||||
.confirm-btn:active {
|
||||
background-color: #ffaa0083;
|
||||
background-color: var(--btn-green-color-active);
|
||||
color: white;
|
||||
}
|
||||
|
||||
|
||||
@ -1,4 +1,5 @@
|
||||
// pages/mine/mineAccount/mineOrder/mineOrder.js
|
||||
// 我的订单
|
||||
import UserApi from '../../../../net/api/userApi'
|
||||
Page({
|
||||
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
|
||||
.search-box {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
@ -10,7 +9,7 @@
|
||||
position: relative;
|
||||
align-self: center;
|
||||
border-radius: 5rpx;
|
||||
background-color: rgba(255, 255, 255, 1);
|
||||
background-color: var(--white-color);
|
||||
font-family: -regular;
|
||||
margin: 20rpx 30rpx;
|
||||
padding: 5px;
|
||||
@ -23,7 +22,7 @@
|
||||
.search-input {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
color: rgba(16, 16, 16, 1);
|
||||
color: var(--text-color);
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
}
|
||||
@ -72,20 +71,20 @@
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 8px 17px;
|
||||
background-color: #7AC483;
|
||||
border-top-left-radius: 5rpx;
|
||||
border-top-right-radius: 5rpx;
|
||||
background-color: var(--bg-primary-shallow-color);
|
||||
border-top-left-radius: 10rpx;
|
||||
border-top-right-radius: 10rpx;
|
||||
}
|
||||
|
||||
.order-no {
|
||||
color: rgba(39, 28, 0, 1);
|
||||
font-size: 12px;
|
||||
color: var(--text-color);
|
||||
font-size: 24rpx;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.order-status {
|
||||
color: rgba(39, 28, 0, 1);
|
||||
font-size: 12px;
|
||||
color: var(--text-color);
|
||||
font-size: 24rpx;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
@ -93,7 +92,7 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
background-color: white;
|
||||
background-color: var(--white-color);
|
||||
padding: 17px;
|
||||
border-bottom-left-radius: 5rpx;
|
||||
border-bottom-right-radius: 5rpx;
|
||||
@ -101,7 +100,7 @@
|
||||
|
||||
.order-caption {
|
||||
line-height: 25px;
|
||||
color: rgba(16, 16, 16, 1);
|
||||
color: var(--text-color);
|
||||
font-size: 18px;
|
||||
text-align: left;
|
||||
font-family: SourceHanSansSC-medium;
|
||||
@ -116,28 +115,28 @@
|
||||
}
|
||||
|
||||
.or-type {
|
||||
color: rgba(16, 16, 16, 1);
|
||||
color: var(--text-color);
|
||||
font-size: 14px;
|
||||
text-align: left;
|
||||
font-family: PingFangSC-regular;
|
||||
}
|
||||
|
||||
.or-count {
|
||||
color: rgba(16, 16, 16, 1);
|
||||
color: var(--text-color);
|
||||
font-size: 14px;
|
||||
text-align: left;
|
||||
font-family: PingFangSC-regular;
|
||||
}
|
||||
|
||||
.or-price {
|
||||
color: rgba(16, 16, 16, 1);
|
||||
color: var(--text-color);
|
||||
font-size: 14px;
|
||||
text-align: left;
|
||||
font-family: PingFangSC-regular;
|
||||
}
|
||||
|
||||
.or-total {
|
||||
color: rgba(16, 16, 16, 1);
|
||||
color: var(--text-color);
|
||||
font-size: 16px;
|
||||
text-align: left;
|
||||
font-family: PingFangSC-medium;
|
||||
@ -151,19 +150,19 @@
|
||||
}
|
||||
|
||||
.order-remark-title {
|
||||
color: rgba(16, 16, 16, 1);
|
||||
color: var(--text-color);
|
||||
font-size: 14px;
|
||||
text-align: left;
|
||||
font-family: PingFangSC-regular;
|
||||
}
|
||||
|
||||
.order-remark-content {
|
||||
color: rgba(16, 16, 16, 1);
|
||||
font-size: 20rpx;
|
||||
color: var(--text-color);
|
||||
font-size: 22rpx;
|
||||
text-align: left;
|
||||
font-family: PingFangSC-light;
|
||||
border-radius: 5px;
|
||||
background-color: rgba(239, 239, 239, 1);
|
||||
background-color: var(--bg-gray-color);
|
||||
flex: 1;
|
||||
padding: 7px 10px;
|
||||
margin-left: 10px;
|
||||
|
||||
@ -1,4 +1,5 @@
|
||||
// pages/mine/mineAccount/minePayRecord/minePayRecord.js
|
||||
// 资金流水
|
||||
import UserApi from '../../../../net/api/userApi'
|
||||
Page({
|
||||
|
||||
|
||||
@ -1,5 +1,3 @@
|
||||
|
||||
|
||||
.search-box {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
@ -11,7 +9,7 @@
|
||||
position: relative;
|
||||
align-self: center;
|
||||
border-radius: 5rpx;
|
||||
background-color: rgba(255, 255, 255, 1);
|
||||
background-color: var(--white-color);
|
||||
font-family: -regular;
|
||||
margin: 20rpx 30rpx;
|
||||
padding: 5px;
|
||||
@ -24,7 +22,7 @@
|
||||
.search-input {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
color: rgba(16, 16, 16, 1);
|
||||
color: var(--text-color);
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
}
|
||||
@ -66,7 +64,7 @@
|
||||
.order-item:nth-of-type(n+1) {
|
||||
margin-top: 15px;
|
||||
padding-bottom: 34rpx;
|
||||
border-bottom: 1rpx solid rgba(239, 239, 239, 1);
|
||||
border-bottom: 1rpx solid var(--divider-color);
|
||||
}
|
||||
|
||||
.record-title-box {
|
||||
@ -95,7 +93,7 @@
|
||||
}
|
||||
|
||||
.select-time {
|
||||
color: rgba(16, 16, 16, 1);
|
||||
color: var(--text-color);
|
||||
font-size: 28rpx;
|
||||
text-align: left;
|
||||
font-family: PingFangSC-regular;
|
||||
@ -110,7 +108,7 @@
|
||||
}
|
||||
|
||||
.value-hint {
|
||||
color: #5e5e5e;
|
||||
color: var(--text-gray-hint-color);
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
@ -154,14 +152,14 @@
|
||||
}
|
||||
|
||||
.record-title-order-type {
|
||||
color: rgba(0, 0, 0, 1);
|
||||
color: var(--text-color);
|
||||
font-size: 28rpx;
|
||||
text-align: left;
|
||||
font-family: PingFangSC-regular;
|
||||
}
|
||||
|
||||
.record-title-order-num {
|
||||
color: rgba(206, 206, 206, 1);
|
||||
color: var(--text-gray-hint-color);
|
||||
font-size: 24rpx;
|
||||
text-align: left;
|
||||
font-family: PingFangSC-light;
|
||||
|
||||
BIN
static/images/ic_delete_red.png
Normal file
BIN
static/images/ic_delete_red.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 996 B |
BIN
static/images/ic_edit_blue.png
Normal file
BIN
static/images/ic_edit_blue.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 749 B |
@ -1,24 +1,44 @@
|
||||
page {
|
||||
/* 底部tabbar */
|
||||
--tabbar-normal-color: #515151;
|
||||
--tabbar-select-color: #FE9944;
|
||||
/* 我的页面账户信息背景 */
|
||||
--mine-page-upbox-color: #FFDBB4;
|
||||
--mine-page-upbox-color-light: #FFEDD2;
|
||||
--mine-page-downbox-color: #FFF0DE;
|
||||
--mine-page-downbox-color-light: #FEEBD0;
|
||||
/* 主题色 */
|
||||
--primary-color: #FFA900;
|
||||
--primary-color-active: #ffaa008e;
|
||||
--primary-color-light: #FFFAF1;
|
||||
/* 页面背景色 */
|
||||
--bg-top-color: #F0F0F0;
|
||||
--bg-bottom-color: #FFFFFF;
|
||||
/* 文字颜色 */
|
||||
--text-color: #333333;
|
||||
--text-brown-color: #42210B;
|
||||
--text-gray-hint-color: #9A9A9A;
|
||||
--text-gray-desc-color: #5c5c5c;
|
||||
/* 背景棕色 */
|
||||
--bg-brown-color: #42210B;
|
||||
--bg-gray-color: #FAFAFA;
|
||||
--bg-primary-deep-color: #FFA900;
|
||||
--bg-primary-shallow-color: #ffaa0017;
|
||||
--bg-red-color: #F7312A6B;
|
||||
--bg-green-color: rgba(122, 196, 131, 0.42);
|
||||
--bg-green-deep-color: #39C7C1;
|
||||
--bg-gray-deep-color: #CCCCCC;
|
||||
/* 按钮颜色 */
|
||||
--btn-cyan-color: #39C7C1;
|
||||
--btn-cyan-active: #39c7c08f;
|
||||
--btn-primary-color: #FFE5BC;
|
||||
--btn-primary-color-active: #FFE5BC79;
|
||||
--btn-green-color: #4EAF79;
|
||||
--btn-green-color-active: #4EAF7979;
|
||||
--btn-blue-color: #3270FF;
|
||||
--btn-blue-color-active: #3270FF79;
|
||||
--btn-red-color: #F7312A;
|
||||
--btn-red-color-active: #F7312A6B;
|
||||
--red-color: #FF0000;
|
||||
--red-color-light: #FF000079;
|
||||
--white-color: #FFFFFF;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user