|
@@ -1,251 +1,293 @@
|
|
-<!-- 收货地址的新增/编辑 -->
|
|
|
|
-<template>
|
|
|
|
- <s-layout :title="state.model.id ? '编辑地址' : '新增地址'">
|
|
|
|
- <uni-forms ref="addressFormRef" v-model="state.model" :rules="rules" validateTrigger="bind"
|
|
|
|
- labelWidth="160" labelAlign="left" border :labelStyle="{ fontWeight: 'bold' }">
|
|
|
|
- <view class="bg-white form-box ss-p-x-30">
|
|
|
|
- <uni-forms-item name="name" label="收货人" class="form-item">
|
|
|
|
- <uni-easyinput v-model="state.model.name" placeholder="请填写收货人姓名" :inputBorder="false"
|
|
|
|
- placeholderStyle="color:#BBBBBB;font-size:30rpx;font-weight:400;line-height:normal" />
|
|
|
|
- </uni-forms-item>
|
|
|
|
-
|
|
|
|
- <uni-forms-item name="mobile" label="手机号" class="form-item">
|
|
|
|
- <uni-easyinput v-model="state.model.mobile" type="number" placeholder="请输入手机号" :inputBorder="false"
|
|
|
|
- placeholderStyle="color:#BBBBBB;font-size:30rpx;font-weight:400;line-height:normal">
|
|
|
|
- </uni-easyinput>
|
|
|
|
- </uni-forms-item>
|
|
|
|
- <uni-forms-item name="areaName" label="省市区" @tap="state.showRegion = true" class="form-item">
|
|
|
|
- <uni-easyinput v-model="state.model.areaName" disabled :inputBorder="false"
|
|
|
|
- :styles="{ disableColor: '#fff', color: '#333' }"
|
|
|
|
- placeholderStyle="color:#BBBBBB;font-size:30rpx;font-weight:400;line-height:normal"
|
|
|
|
- placeholder="请选择省市区">
|
|
|
|
- <template v-slot:right>
|
|
|
|
- <uni-icons type="right" />
|
|
|
|
- </template>
|
|
|
|
- </uni-easyinput>
|
|
|
|
- </uni-forms-item>
|
|
|
|
- <uni-forms-item name="detailAddress" label="详细地址" :formItemStyle="{ alignItems: 'flex-start' }"
|
|
|
|
- :labelStyle="{ lineHeight: '5em' }" class="textarea-item">
|
|
|
|
- <uni-easyinput :inputBorder="false" type="textarea" v-model="state.model.detailAddress"
|
|
|
|
- placeholderStyle="color:#BBBBBB;font-size:30rpx;font-weight:400;line-height:normal"
|
|
|
|
- placeholder="请输入详细地址" clearable />
|
|
|
|
- </uni-forms-item>
|
|
|
|
- </view>
|
|
|
|
- <view class="ss-m-y-20 bg-white ss-p-x-30 ss-flex ss-row-between ss-col-center default-box">
|
|
|
|
- <view class="default-box-title"> 设为默认地址 </view>
|
|
|
|
- <su-switch style="transform: scale(0.8)" v-model="state.model.defaultStatus" />
|
|
|
|
- </view>
|
|
|
|
- </uni-forms>
|
|
|
|
- <su-fixed bottom :opacity="false" bg="" placeholder :noFixed="false" :index="10">
|
|
|
|
- <view class="footer-box ss-flex-col ss-row-between ss-p-20">
|
|
|
|
- <view class="ss-m-b-20">
|
|
|
|
- <button class="ss-reset-button save-btn ui-Shadow-Main" @tap="onSave">保存</button>
|
|
|
|
- </view>
|
|
|
|
- <button v-if="state.model.id" class="ss-reset-button cancel-btn" @tap="onDelete">
|
|
|
|
- 删除
|
|
|
|
- </button>
|
|
|
|
- </view>
|
|
|
|
- </su-fixed>
|
|
|
|
-
|
|
|
|
- <!-- 省市区弹窗 -->
|
|
|
|
- <su-region-picker :show="state.showRegion" @cancel="state.showRegion = false" @confirm="onRegionConfirm" />
|
|
|
|
- </s-layout>
|
|
|
|
-</template>
|
|
|
|
-
|
|
|
|
-<script setup>
|
|
|
|
- import { ref, reactive, unref } from 'vue';
|
|
|
|
- import sheep from '@/sheep';
|
|
|
|
- import { onLoad } from '@dcloudio/uni-app';
|
|
|
|
- import _ from 'lodash';
|
|
|
|
- import { mobile } from '@/sheep/validate/form';
|
|
|
|
- import AreaApi from '@/sheep/api/system/area';
|
|
|
|
- import AddressApi from '@/sheep/api/member/address';
|
|
|
|
-
|
|
|
|
- const addressFormRef = ref(null);
|
|
|
|
- const state = reactive({
|
|
|
|
- showRegion: false,
|
|
|
|
- model: {
|
|
|
|
- name: '',
|
|
|
|
- mobile: '',
|
|
|
|
- detailAddress: '',
|
|
|
|
- defaultStatus: false,
|
|
|
|
- areaName: '',
|
|
|
|
- },
|
|
|
|
- rules: {},
|
|
|
|
- });
|
|
|
|
-
|
|
|
|
- const rules = {
|
|
|
|
- name: {
|
|
|
|
- rules: [
|
|
|
|
- {
|
|
|
|
- required: true,
|
|
|
|
- errorMessage: '请输入收货人姓名',
|
|
|
|
- },
|
|
|
|
- ],
|
|
|
|
- },
|
|
|
|
- mobile,
|
|
|
|
- detailAddress: {
|
|
|
|
- rules: [{
|
|
|
|
- required: true,
|
|
|
|
- errorMessage: '请输入详细地址',
|
|
|
|
- }]
|
|
|
|
- },
|
|
|
|
- areaName: {
|
|
|
|
- rules: [{
|
|
|
|
- required: true,
|
|
|
|
- errorMessage: '请选择您的位置'
|
|
|
|
- }]
|
|
|
|
- },
|
|
|
|
- };
|
|
|
|
-
|
|
|
|
- // 确认选择地区
|
|
|
|
- const onRegionConfirm = (e) => {
|
|
|
|
- state.model.areaName = `${e.province_name} ${e.city_name} ${e.district_name}`
|
|
|
|
- state.model.areaId = e.district_id;
|
|
|
|
- state.showRegion = false;
|
|
|
|
- };
|
|
|
|
-
|
|
|
|
- // 获得地区数据
|
|
|
|
- const getAreaData = () => {
|
|
|
|
- if (_.isEmpty(uni.getStorageSync('areaData'))) {
|
|
|
|
- AreaApi.getAreaTree().then((res) => {
|
|
|
|
- if (res.code === 0) {
|
|
|
|
- uni.setStorageSync('areaData', res.data);
|
|
|
|
- }
|
|
|
|
- });
|
|
|
|
- }
|
|
|
|
- };
|
|
|
|
-
|
|
|
|
- // 保存收货地址
|
|
|
|
- const onSave = async () => {
|
|
|
|
- // 参数校验
|
|
|
|
- const validate = await unref(addressFormRef)
|
|
|
|
- .validate()
|
|
|
|
- .catch((error) => {
|
|
|
|
- console.log('error: ', error);
|
|
|
|
- });
|
|
|
|
- if (!validate) {
|
|
|
|
- return;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- // 提交请求
|
|
|
|
- const formData = {
|
|
|
|
- ...state.model
|
|
|
|
- }
|
|
|
|
- const {code } = state.model.id > 0 ? await AddressApi.updateAddress(formData)
|
|
|
|
- : await AddressApi.createAddress(formData);
|
|
|
|
- if (code === 0) {
|
|
|
|
- sheep.$router.back();
|
|
|
|
- }
|
|
|
|
- };
|
|
|
|
-
|
|
|
|
- // 删除收货地址
|
|
|
|
- const onDelete = () => {
|
|
|
|
- uni.showModal({
|
|
|
|
- title: '提示',
|
|
|
|
- content: '确认删除此收货地址吗?',
|
|
|
|
- success: async function(res) {
|
|
|
|
- if (!res.confirm) {
|
|
|
|
- return;
|
|
|
|
- }
|
|
|
|
- const { code } = await AddressApi.deleteAddress(state.model.id);
|
|
|
|
- if (code === 0) {
|
|
|
|
- sheep.$router.back();
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
- });
|
|
|
|
- };
|
|
|
|
-
|
|
|
|
- onLoad(async (options) => {
|
|
|
|
- // 获得地区数据
|
|
|
|
- getAreaData();
|
|
|
|
- // 情况一:基于 id 获得收件地址
|
|
|
|
- if (options.id) {
|
|
|
|
- let { code, data} = await AddressApi.getAddress(options.id);
|
|
|
|
- if (code !== 0) {
|
|
|
|
- return;
|
|
|
|
- }
|
|
|
|
- state.model = data;
|
|
|
|
- }
|
|
|
|
- // 情况二:微信导入 TODO 芋艿:待接入
|
|
|
|
- if (options.data) {
|
|
|
|
- let data = JSON.parse(options.data);
|
|
|
|
- const areaData = uni.getStorageSync('areaData');
|
|
|
|
- let provinceArr = areaData.filter(item => item.name == data.province_name);
|
|
|
|
- data.province_id = provinceArr[0].id;
|
|
|
|
- let provinceArr2 = provinceArr[0].children.filter(item => item.name == data.city_name);
|
|
|
|
- data.city_id = provinceArr2[0].id;
|
|
|
|
- let provinceArr3 = provinceArr2[0].children.filter(item => item.name == data.district_name);
|
|
|
|
- data.district_id = provinceArr3[0].id;
|
|
|
|
- state.model = {
|
|
|
|
- ...state.model,
|
|
|
|
- ...data,
|
|
|
|
- };
|
|
|
|
- }
|
|
|
|
- });
|
|
|
|
-</script>
|
|
|
|
-
|
|
|
|
-<style lang="scss" scoped>
|
|
|
|
- :deep() {
|
|
|
|
- .uni-forms-item__label .label-text {
|
|
|
|
- font-size: 28rpx !important;
|
|
|
|
- color: #333333 !important;
|
|
|
|
- line-height: normal !important;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .uni-easyinput__content-input {
|
|
|
|
- font-size: 28rpx !important;
|
|
|
|
- color: #333333 !important;
|
|
|
|
- line-height: normal !important;
|
|
|
|
- padding-left: 0 !important;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .uni-easyinput__content-textarea {
|
|
|
|
- font-size: 28rpx !important;
|
|
|
|
- color: #333333 !important;
|
|
|
|
- line-height: normal !important;
|
|
|
|
- margin-top: 8rpx !important;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .uni-icons {
|
|
|
|
- font-size: 40rpx !important;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .is-textarea-icon {
|
|
|
|
- margin-top: 22rpx;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .is-disabled {
|
|
|
|
- color: #333333;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .default-box {
|
|
|
|
- width: 100%;
|
|
|
|
- box-sizing: border-box;
|
|
|
|
- height: 100rpx;
|
|
|
|
-
|
|
|
|
- .default-box-title {
|
|
|
|
- font-size: 28rpx;
|
|
|
|
- color: #333333;
|
|
|
|
- line-height: normal;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .footer-box {
|
|
|
|
- .save-btn {
|
|
|
|
- width: 710rpx;
|
|
|
|
- height: 80rpx;
|
|
|
|
- border-radius: 40rpx;
|
|
|
|
- background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
|
|
|
|
- color: $white;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .cancel-btn {
|
|
|
|
- width: 710rpx;
|
|
|
|
- height: 80rpx;
|
|
|
|
- border-radius: 40rpx;
|
|
|
|
- background: var(--ui-BG);
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
|
|
+<!-- 收货地址的新增/编辑 -->
|
|
|
|
+<template>
|
|
|
|
+ <!-- {{ru}} -->
|
|
|
|
+ <s-layout :title="state.model.id ? '编辑地址' : '新增地址'">
|
|
|
|
+ <uni-forms ref="addressFormRef" v-model="state.model" :rules="rules" validateTrigger="bind" labelWidth="160"
|
|
|
|
+ labelAlign="left" border :labelStyle="{ fontWeight: 'bold' }">
|
|
|
|
+ <view class="bg-white form-box ss-p-x-30">
|
|
|
|
+ <uni-forms-item name="name" label="收货人" class="form-item">
|
|
|
|
+ <uni-easyinput v-model="state.model.name" placeholder="请填写收货人姓名" :inputBorder="false"
|
|
|
|
+ placeholderStyle="color:#BBBBBB;font-size:30rpx;font-weight:400;line-height:normal" />
|
|
|
|
+ </uni-forms-item>
|
|
|
|
+
|
|
|
|
+ <uni-forms-item name="mobile" label="手机号" class="form-item">
|
|
|
|
+ <uni-easyinput v-model="state.model.mobile" type="number" placeholder="请输入手机号" :inputBorder="false"
|
|
|
|
+ placeholderStyle="color:#BBBBBB;font-size:30rpx;font-weight:400;line-height:normal">
|
|
|
|
+ </uni-easyinput>
|
|
|
|
+ </uni-forms-item>
|
|
|
|
+ <uni-forms-item name="areaName" label="省市区" @tap="state.showRegion = true" class="form-item">
|
|
|
|
+ <uni-easyinput v-model="state.model.areaName" disabled :inputBorder="false"
|
|
|
|
+ :styles="{ disableColor: '#fff', color: '#333' }"
|
|
|
|
+ placeholderStyle="color:#BBBBBB;font-size:30rpx;font-weight:400;line-height:normal"
|
|
|
|
+ placeholder="请选择省市区">
|
|
|
|
+ <template v-slot:right>
|
|
|
|
+ <uni-icons type="right" />
|
|
|
|
+ </template>
|
|
|
|
+ </uni-easyinput>
|
|
|
|
+ </uni-forms-item>
|
|
|
|
+ <uni-forms-item name="detailAddress" label="详细地址" :formItemStyle="{ alignItems: 'flex-start' }"
|
|
|
|
+ :labelStyle="{ lineHeight: '5em' }" class="textarea-item">
|
|
|
|
+ <uni-easyinput :inputBorder="false" type="textarea" v-model="state.model.detailAddress"
|
|
|
|
+ placeholderStyle="color:#BBBBBB;font-size:30rpx;font-weight:400;line-height:normal"
|
|
|
|
+ placeholder="请输入详细地址" clearable />
|
|
|
|
+ </uni-forms-item>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="ss-m-y-20 bg-white ss-p-x-30 ss-flex ss-row-between ss-col-center default-box">
|
|
|
|
+ <view class="default-box-title"> 设为默认地址 </view>
|
|
|
|
+ <su-switch style="transform: scale(0.8)" v-model="state.model.defaultStatus" />
|
|
|
|
+ </view>
|
|
|
|
+ </uni-forms>
|
|
|
|
+ <su-fixed bottom :opacity="false" bg="" placeholder :noFixed="false" :index="10">
|
|
|
|
+ <view class="footer-box ss-flex-col ss-row-between ss-p-20">
|
|
|
|
+ <view class="ss-m-b-20">
|
|
|
|
+ <button class="ss-reset-button save-btn ui-Shadow-Main" @tap="onSave">保存</button>
|
|
|
|
+ </view>
|
|
|
|
+ <button v-if="state.model.id" class="ss-reset-button cancel-btn" @tap="onDelete">
|
|
|
|
+ 删除
|
|
|
|
+ </button>
|
|
|
|
+ </view>
|
|
|
|
+ </su-fixed>
|
|
|
|
+
|
|
|
|
+ <!-- 省市区弹窗 -->
|
|
|
|
+ <su-region-picker :show="state.showRegion" @cancel="state.showRegion = false" @confirm="onRegionConfirm" />
|
|
|
|
+ </s-layout>
|
|
|
|
+</template>
|
|
|
|
+
|
|
|
|
+<script setup>
|
|
|
|
+ import {
|
|
|
|
+ ref,
|
|
|
|
+ reactive,
|
|
|
|
+ unref
|
|
|
|
+ } from 'vue';
|
|
|
|
+ import sheep from '@/sheep';
|
|
|
|
+ import {
|
|
|
|
+ onLoad
|
|
|
|
+ } from '@dcloudio/uni-app';
|
|
|
|
+ import _ from 'lodash';
|
|
|
|
+ import {
|
|
|
|
+ mobile
|
|
|
|
+ } from '@/sheep/validate/form';
|
|
|
|
+ import AreaApi from '@/sheep/api/system/area';
|
|
|
|
+ import AddressApi from '@/sheep/api/member/address';
|
|
|
|
+ import $helper from '@/sheep/helper';
|
|
|
|
+ const addressFormRef = ref(null);
|
|
|
|
+ const state = reactive({
|
|
|
|
+ showRegion: false,
|
|
|
|
+ model: {
|
|
|
|
+ name: '',
|
|
|
|
+ mobile: '',
|
|
|
|
+ detailAddress: '',
|
|
|
|
+ defaultStatus: false,
|
|
|
|
+ areaName: '',
|
|
|
|
+ },
|
|
|
|
+ rules: {},
|
|
|
|
+ });
|
|
|
|
+ // let ru = ref({})
|
|
|
|
+ const rules = {
|
|
|
|
+ name: {
|
|
|
|
+ rules: [{
|
|
|
|
+ required: true,
|
|
|
|
+ errorMessage: '请输入收货人姓名',
|
|
|
|
+ }, ],
|
|
|
|
+ },
|
|
|
|
+ mobile,
|
|
|
|
+ detailAddress: {
|
|
|
|
+ rules: [{
|
|
|
|
+ required: true,
|
|
|
|
+ errorMessage: '请输入详细地址',
|
|
|
|
+ }]
|
|
|
|
+ },
|
|
|
|
+ areaName: {
|
|
|
|
+ rules: [{
|
|
|
|
+ required: true,
|
|
|
|
+ errorMessage: '请选择您的位置'
|
|
|
|
+ }]
|
|
|
|
+ },
|
|
|
|
+ };
|
|
|
|
+
|
|
|
|
+ // 确认选择地区
|
|
|
|
+ const onRegionConfirm = (e) => {
|
|
|
|
+ state.model.areaName = `${e.province_name} ${e.city_name} ${e.district_name}`
|
|
|
|
+ state.model.areaId = e.district_id;
|
|
|
|
+ state.showRegion = false;
|
|
|
|
+ };
|
|
|
|
+
|
|
|
|
+ // 获得地区数据
|
|
|
|
+ const getAreaData = () => {
|
|
|
|
+ if (_.isEmpty(uni.getStorageSync('areaData'))) {
|
|
|
|
+ AreaApi.getAreaTree().then((res) => {
|
|
|
|
+ if (res.code === 0) {
|
|
|
|
+ uni.setStorageSync('areaData', res.data);
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+ }
|
|
|
|
+ };
|
|
|
|
+
|
|
|
|
+ // 保存收货地址
|
|
|
|
+ const onSave = async () => {
|
|
|
|
+ console.log(state)
|
|
|
|
+ // 参数校验
|
|
|
|
+ const validate = await unref(addressFormRef)
|
|
|
|
+ .validate()
|
|
|
|
+ .catch((error) => {
|
|
|
|
+ console.log('error: ', error);
|
|
|
|
+ });
|
|
|
|
+ if (!validate) {
|
|
|
|
+ return;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ // 提交请求
|
|
|
|
+ const formData = {
|
|
|
|
+ ...state.model
|
|
|
|
+ }
|
|
|
|
+ const {
|
|
|
|
+ code
|
|
|
|
+ } = state.model.id > 0 ? await AddressApi.updateAddress(formData) :
|
|
|
|
+ await AddressApi.createAddress(formData);
|
|
|
|
+ if (code === 0) {
|
|
|
|
+ sheep.$router.back();
|
|
|
|
+ }
|
|
|
|
+ };
|
|
|
|
+
|
|
|
|
+ // 删除收货地址
|
|
|
|
+ const onDelete = () => {
|
|
|
|
+ uni.showModal({
|
|
|
|
+ title: '提示',
|
|
|
|
+ content: '确认删除此收货地址吗?',
|
|
|
|
+ success: async function(res) {
|
|
|
|
+ if (!res.confirm) {
|
|
|
|
+ return;
|
|
|
|
+ }
|
|
|
|
+ const {
|
|
|
|
+ code
|
|
|
|
+ } = await AddressApi.deleteAddress(state.model.id);
|
|
|
|
+ if (code === 0) {
|
|
|
|
+ sheep.$router.back();
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ });
|
|
|
|
+ };
|
|
|
|
+
|
|
|
|
+ onLoad(async (options) => {
|
|
|
|
+
|
|
|
|
+ // ru.value = {
|
|
|
|
+ // 'consignee': 'aa',
|
|
|
|
+ // 'mobile': '1595505005050',
|
|
|
|
+ // 'province_name': '广东省',
|
|
|
|
+ // 'city_name': '湛江市',
|
|
|
|
+ // 'district_name': '廉江市',
|
|
|
|
+ // 'address': 'yyyyyyyyy',
|
|
|
|
+ // 'region': '',
|
|
|
|
+ // 'is_default': 'false',
|
|
|
|
+ // }
|
|
|
|
+
|
|
|
|
+ // 获得地区数据
|
|
|
|
+ getAreaData();
|
|
|
|
+ // 情况一:基于 id 获得收件地址
|
|
|
|
+ if (options.id) {
|
|
|
|
+ let {
|
|
|
|
+ code,
|
|
|
|
+ data
|
|
|
|
+ } = await AddressApi.getAddress(options.id);
|
|
|
|
+ if (code !== 0) {
|
|
|
|
+ return;
|
|
|
|
+ }
|
|
|
|
+ // console.log(data)
|
|
|
|
+ state.model = data;
|
|
|
|
+ }
|
|
|
|
+ // 情况二:微信导入 TODO 芋艿:待接入
|
|
|
|
+ if (options.data) {
|
|
|
|
+ let data = JSON.parse(options.data);
|
|
|
|
+ // ru.value = data
|
|
|
|
+ const areaData = uni.getStorageSync('areaData');
|
|
|
|
+ let provinceArr = areaData.filter(item => item.name == data.province_name);
|
|
|
|
+ data.province_id = provinceArr[0].id;
|
|
|
|
+ let provinceArr2 = provinceArr[0].children.filter(item => item.name == data.city_name);
|
|
|
|
+ data.city_id = provinceArr2[0].id;
|
|
|
|
+ let provinceArr3 = provinceArr2[0].children.filter(item => item.name == data.district_name);
|
|
|
|
+ data.district_id = provinceArr3[0].id;
|
|
|
|
+
|
|
|
|
+ state.model = {
|
|
|
|
+ name: data.consignee,
|
|
|
|
+ mobile: data.mobile,
|
|
|
|
+ detailAddress: data.address,
|
|
|
|
+ defaultStatus: data.is_default,
|
|
|
|
+ areaName: data.province_name + ' ' + data.city_name + ' ' + data.district_name,
|
|
|
|
+ areaId: data.district_id
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ // state.model = {
|
|
|
|
+ // ...state.model,
|
|
|
|
+ // ...data,
|
|
|
|
+ // };
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+</script>
|
|
|
|
+
|
|
|
|
+<style lang="scss" scoped>
|
|
|
|
+ :deep() {
|
|
|
|
+ .uni-forms-item__label .label-text {
|
|
|
|
+ font-size: 28rpx !important;
|
|
|
|
+ color: #333333 !important;
|
|
|
|
+ line-height: normal !important;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .uni-easyinput__content-input {
|
|
|
|
+ font-size: 28rpx !important;
|
|
|
|
+ color: #333333 !important;
|
|
|
|
+ line-height: normal !important;
|
|
|
|
+ padding-left: 0 !important;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .uni-easyinput__content-textarea {
|
|
|
|
+ font-size: 28rpx !important;
|
|
|
|
+ color: #333333 !important;
|
|
|
|
+ line-height: normal !important;
|
|
|
|
+ margin-top: 8rpx !important;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .uni-icons {
|
|
|
|
+ font-size: 40rpx !important;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .is-textarea-icon {
|
|
|
|
+ margin-top: 22rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .is-disabled {
|
|
|
|
+ color: #333333;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .default-box {
|
|
|
|
+ width: 100%;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ height: 100rpx;
|
|
|
|
+
|
|
|
|
+ .default-box-title {
|
|
|
|
+ font-size: 28rpx;
|
|
|
|
+ color: #333333;
|
|
|
|
+ line-height: normal;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .footer-box {
|
|
|
|
+ .save-btn {
|
|
|
|
+ width: 710rpx;
|
|
|
|
+ height: 80rpx;
|
|
|
|
+ border-radius: 40rpx;
|
|
|
|
+ background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
|
|
|
|
+ color: $white;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .cancel-btn {
|
|
|
|
+ width: 710rpx;
|
|
|
|
+ height: 80rpx;
|
|
|
|
+ border-radius: 40rpx;
|
|
|
|
+ background: var(--ui-BG);
|
|
|
|
+ }
|
|
|
|
+ }
|
|
</style>
|
|
</style>
|