This commit is contained in:
parent
0281f6ec5d
commit
6b02d1cddb
14
pages.json
14
pages.json
|
|
@ -387,6 +387,20 @@
|
|||
"disableScroll": true
|
||||
}
|
||||
|
||||
},
|
||||
{
|
||||
"path" : "pages/yuangongindex/procurement",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/yuangongindex/detIlspro",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : ""
|
||||
}
|
||||
}
|
||||
],
|
||||
"globalStyle": {
|
||||
|
|
|
|||
|
|
@ -68,14 +68,14 @@
|
|||
<view class="card" @click="supplierhowtojump">
|
||||
<view class="card-left">
|
||||
<view class="card-weight">
|
||||
供应商端
|
||||
供应商入驻
|
||||
</view>
|
||||
<view class="card-text">
|
||||
智优采购流程、精准匹配需求,稳供优质生活及医疗物资,降本增效双向赋能,携手合作共赢,全方位提升护理单元物资保障质效!
|
||||
</view>
|
||||
<view style="display: flex;">
|
||||
<view class="white-button">
|
||||
供应商进入
|
||||
供应商端
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
|
|||
|
|
@ -53,11 +53,28 @@
|
|||
|
||||
</view>
|
||||
</swiper-item>
|
||||
</swiper>
|
||||
<view class="dian-father" v-if="which!=2">
|
||||
<view v-for="(item,index) in [1,2,3]" :key="index" :class="which===index ?`dian-target` :`dian`"></view>
|
||||
<swiper-item style="position: relative;">
|
||||
<image class="title-img" :src="`https://www.focusnu.com/media/xcx/gys.png`" />
|
||||
<view style="width: 100%;padding-left: 75rpx;padding-right: 75rpx;position: absolute;left: 0;bottom: 150rpx;">
|
||||
<view class="title-name">
|
||||
<!-- <view class="gray-heng"></view> -->
|
||||
<view class="font-weight">
|
||||
供应商
|
||||
</view>
|
||||
<view class="bottom-button" v-if="which==2" @click="jumpto">
|
||||
<!-- <view class="gray-heng"></view> -->
|
||||
</view>
|
||||
|
||||
<view class="yuangong-font">
|
||||
  智优采购流程、精准匹配需求,稳供优质生活及医疗物资,降本增效,<text style="color: #2792FC;">双向赋能,携手合作共赢 ,全方位提升护理单元物资保障质效!</text>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</swiper-item>
|
||||
</swiper>
|
||||
<view class="dian-father" v-if="which!=3">
|
||||
<view v-for="(item,index) in [1,2,3,4]" :key="index" :class="which===index ?`dian-target` :`dian`"></view>
|
||||
</view>
|
||||
<view class="bottom-button" v-if="which==3" @click="jumpto">
|
||||
进入护理单元
|
||||
</view>
|
||||
</view>
|
||||
|
|
|
|||
|
|
@ -262,7 +262,7 @@
|
|||
}
|
||||
const jumpother = () => {
|
||||
uni.navigateTo({
|
||||
url: "/pages/yuangongindex/workjoin"
|
||||
url: "/pages/yuangongindex/procurement"
|
||||
})
|
||||
}
|
||||
|
||||
|
|
@ -445,7 +445,7 @@
|
|||
const menuArray = ref([])
|
||||
const loadingData = () => {
|
||||
getSuppliersOrgInfo().then(res => {
|
||||
// console.log("res1111", res.result.records)
|
||||
console.log(res)
|
||||
menuArray.value = []
|
||||
res.result.records.forEach((element) => {
|
||||
menuArray.value.push(element)
|
||||
|
|
@ -453,6 +453,7 @@
|
|||
menuArray.value.push({
|
||||
applyStatus: `-1`
|
||||
})
|
||||
uni.setStorageSync("serverUrl2", res.result.records[0].serverUrl)
|
||||
})
|
||||
// getMessageList().then(res => {
|
||||
// console.log("special", res)
|
||||
|
|
|
|||
|
|
@ -80,3 +80,9 @@ export function upRead(data){
|
|||
data,
|
||||
})
|
||||
}
|
||||
export function getCgdListByGysId(data){
|
||||
return request({
|
||||
url: `/api/pad/invoicing/getCgdListByGysId?gysId=${data.gysId}&cgdType=${data.cgdType}`,
|
||||
method: 'get',
|
||||
})
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,358 @@
|
|||
<template>
|
||||
<view :style="{paddingTop:`${uni.getStorageSync('moveHeight')+40}px`}">
|
||||
<view class="title-back" :style="{height:`${uni.getStorageSync('moveHeight')+40}px`}">
|
||||
<view class="left-father" @click="goBack">
|
||||
<image class="back-img" src="https://www.focusnu.com/media/directive/index/left.png" />
|
||||
<view style="font-size: 30rpx;">采购单详情</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cgdxx">
|
||||
<view class="top">
|
||||
<view class="left">
|
||||
<image src="https://www.focusnu.com/media/xcx/cgd.png" mode="aspectFill"></image>
|
||||
<text>采购单信息</text>
|
||||
</view>
|
||||
<view class="righs">
|
||||
<view class="rs l" :class="{'l':list.cgdType==0,'h':list.cgdType==1,'b':list.cgdType==2}">{{list?.cgdType_dictText}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="center">
|
||||
<view class="tspo">
|
||||
<view class="bx" style="align-items: left;">
|
||||
<view>采购单号</view>
|
||||
<text>{{list.cgdNo}}</text>
|
||||
</view>
|
||||
<view class="bx" style="align-items: flex-end;">
|
||||
<view>采购日期</view>
|
||||
<text>{{list.qgDate}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="top">
|
||||
<view class="left">
|
||||
<image src="https://www.focusnu.com/media/xcx/cc.png" mode="aspectFill"></image>
|
||||
<text>采购方信息</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="contweo">
|
||||
<view class="lan">
|
||||
<view></view>
|
||||
机构名称:{{list.departName}}
|
||||
</view>
|
||||
<!-- <view class="lan">
|
||||
<view></view>
|
||||
收货地址:
|
||||
<text>
|
||||
吉林省长春市朝阳区开运街41号吉林省长春市朝阳区开运街41号
|
||||
</text>
|
||||
</view> -->
|
||||
<view class="lan">
|
||||
<view></view>
|
||||
联系人: {{list.qgBy}}
|
||||
</view>
|
||||
<view class="lan">
|
||||
<view></view>
|
||||
电 话 : {{list.createBy}}
|
||||
</view>
|
||||
<view class="top">
|
||||
<view class="left">
|
||||
<image src="https://www.focusnu.com/media/xcx/jc.png" mode="aspectFill"></image>
|
||||
<text>供应商信息</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="contweo">
|
||||
<view class="lan">
|
||||
<view></view>
|
||||
供应商名称:{{list.gysName}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 详细信息 -->
|
||||
<view class="xxxx" v-for="(v,i) in list?.list" :key="i">
|
||||
<view class="top">
|
||||
<view class="left">{{v.wlName}}</view>
|
||||
<view class="rishs">
|
||||
<text>采购数量</text>
|
||||
<view>{{v.purchaseQuantity}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cents">
|
||||
<view>规格型号 :{{v.wlSpecificationModel}}</view>
|
||||
<view>采购单位 :{{v.wlUnits}}</view>
|
||||
</view>
|
||||
<view class="sfj">
|
||||
<view>
|
||||
<view>{{v.rksl}}</view>
|
||||
<text>已入库数量</text>
|
||||
</view>
|
||||
<view>
|
||||
<view>{{v.wrksl}}</view>
|
||||
<text>挂账数量</text>
|
||||
</view>
|
||||
<view>
|
||||
<view>{{v.xzsl}}</view>
|
||||
<text>销账数量</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { reactive, ref, nextTick } from 'vue';
|
||||
import { onLoad, onPullDownRefresh,onReachBottom } from '@dcloudio/uni-app'
|
||||
import { getEmployeesOrgRela,getCgdListByGysId } from './api.js'
|
||||
const goBack = () => {
|
||||
uni.navigateBack()
|
||||
}
|
||||
const list = ref({})
|
||||
onLoad((e)=>{
|
||||
let obj = {
|
||||
id:e.id
|
||||
}
|
||||
let header = {
|
||||
'X-Access-Token': uni.getStorageSync('token') || '',
|
||||
'Content-Type': 'application/json;charset=UTF-8',
|
||||
'Authorization': 'Basic c2FiZXI6c2FiZXJfc2VjcmV0',
|
||||
}
|
||||
let timeout = 5000
|
||||
uni.request({
|
||||
url: uni.getStorageSync('serverUrl2') + '/api/pad/invoicing/getCgdInfoByCgdId',
|
||||
method: 'GET',
|
||||
header: header,
|
||||
data: obj,
|
||||
timeout,
|
||||
success(response) {
|
||||
const res = response.data;
|
||||
console.log(res)
|
||||
list.value = res.result
|
||||
}})
|
||||
})
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.xxxx{
|
||||
width: 705rpx;
|
||||
height: 359rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0rpx 0rpx 13rpx 0rpx rgba(105,129,178,0.05);
|
||||
border-radius: 40rpx;
|
||||
margin: 24rpx auto 0;
|
||||
padding:20rpx 46rpx;
|
||||
.sfj{
|
||||
width: 560rpx;
|
||||
height: 88rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0 auto;
|
||||
>view{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
view{
|
||||
font-weight: bold;
|
||||
font-size: 38rpx;
|
||||
color: #555555;
|
||||
}
|
||||
text{
|
||||
font-weight: 400;
|
||||
font-size: 25rpx;
|
||||
color: #666666;
|
||||
}
|
||||
}
|
||||
}
|
||||
.cents{
|
||||
width: 100%;
|
||||
margin: 37rpx auto 50rpx;
|
||||
padding-left: 8rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: nowrap;
|
||||
view{
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #555555;
|
||||
}
|
||||
}
|
||||
.top{
|
||||
width: 100%;
|
||||
height: 80rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
border-bottom: 1px solid #D2D2D2;
|
||||
.left{
|
||||
font-weight: bold;
|
||||
font-size: 35rpx;
|
||||
color: #222222;
|
||||
max-width: 430rpx;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
.rishs{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
view{
|
||||
font-weight: bold;
|
||||
font-size: 38rpx;
|
||||
color: #333333;
|
||||
margin-left: 17rpx;
|
||||
}
|
||||
text{
|
||||
font-weight: 400;
|
||||
font-size: 20rpx;
|
||||
color: #555555;
|
||||
margin-top: 5rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.cgdxx{
|
||||
width: 700rpx;
|
||||
height: 760rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 40rpx;
|
||||
margin: 28rpx auto 0;
|
||||
padding: 28rpx;
|
||||
.contweo{
|
||||
width: 100%;
|
||||
min-height: 40rpx;
|
||||
.lan{
|
||||
display: flex;
|
||||
min-height: 30rpx;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
margin-top: 26rpx;
|
||||
text{
|
||||
max-width: 444rpx;
|
||||
}
|
||||
view{
|
||||
width: 10rpx;
|
||||
height: 10rpx;
|
||||
background: #999999;
|
||||
border-radius: 50%;
|
||||
margin: 17rpx 30rpx 0 20rpx;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
.center{
|
||||
width: 100%;
|
||||
min-height: 40rpx;
|
||||
.tspo{
|
||||
width: 548rpx;
|
||||
height: 62rpx;
|
||||
margin-left: 87rpx;
|
||||
margin-top: 28rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
.bx{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-direction: column;
|
||||
width: 50%;
|
||||
font-weight: 400;
|
||||
font-size: 25rpx;
|
||||
view{
|
||||
color: #888888;
|
||||
}
|
||||
text{
|
||||
color: #555555;
|
||||
margin-bottom: 15rpx;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
.top{
|
||||
width: 100%;
|
||||
height: 90rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
border-bottom: 1px solid #D2D2D2;
|
||||
.righs{
|
||||
.rs{
|
||||
width: 116rpx;
|
||||
height: 49rpx;
|
||||
border-radius: 15rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-weight: 400;
|
||||
font-size: 25rpx;
|
||||
}
|
||||
.l{
|
||||
border: 1px solid #0074E1;
|
||||
color: #0074E1;
|
||||
}
|
||||
.h{
|
||||
border: 1px solid #EE2C35;
|
||||
color: #EE2C35;
|
||||
}
|
||||
.b{
|
||||
border: 1px solid #333333;
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
.left{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
image{
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
}
|
||||
text{
|
||||
font-weight: bold;
|
||||
font-size: 30rpx;
|
||||
color: #333333;
|
||||
margin-left: 21rpx;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
.title-back {
|
||||
background-color: #fff;
|
||||
width: 100%;
|
||||
height: 70rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-end;
|
||||
padding-bottom: 20rpx;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.left-father {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
z-index: 1;
|
||||
|
||||
.back-img {
|
||||
width: 45rpx;
|
||||
height: 40rpx;
|
||||
margin-left: 40rpx;
|
||||
margin-right: 15rpx;
|
||||
}
|
||||
}
|
||||
.guodu {
|
||||
transition: .4s;
|
||||
-webkit-transform-style: preserve-3d;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
</style>
|
||||
<style>
|
||||
page{
|
||||
background: #F0F0F3;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,267 @@
|
|||
<template>
|
||||
<view :style="{paddingTop:`${uni.getStorageSync('moveHeight')+90}px`}">
|
||||
<view class="title-back" :style="{height:`${uni.getStorageSync('moveHeight')+40}px`}">
|
||||
<view class="left-father" @click="goBack">
|
||||
<image class="back-img" src="https://www.focusnu.com/media/directive/index/left.png" />
|
||||
<view style="font-size: 30rpx;">采购单</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="swtab" :style="{top:`${uni.getStorageSync('moveHeight')+40}px`}">
|
||||
<view v-for="(v,i) in ['全部','采购中','挂账','完成']" :key="i" :class="dex==i?'act guodu':'guodu'" @click="naurl(i)">{{v}}</view>
|
||||
</view>
|
||||
<view class="card" v-for="(v,i) in list" :key="i" @click="navurl(v)">
|
||||
<view class="top">
|
||||
<view class="left">
|
||||
<text>采购单号</text>
|
||||
<view>{{v.cgdNo}}</view>
|
||||
</view>
|
||||
<view class="rs l" :class="{'l':v.cgdType==0,'h':v.cgdType==1,'b':v.cgdType==2}">
|
||||
{{v.cgdType_dictText}}
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="jg">
|
||||
<text>采购机构:</text>
|
||||
<view>{{v.departName}}</view>
|
||||
</view>
|
||||
<view class="jg">
|
||||
<text>机构联系人:</text>
|
||||
<view>{{v.qgBy}}</view>
|
||||
</view>
|
||||
<view class="jg">
|
||||
<text>联系电话:</text>
|
||||
<view>{{v.createBy}}</view>
|
||||
</view>
|
||||
<view class="jg">
|
||||
<text>采购时间:</text>
|
||||
<view>{{v.qgDate}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view style="height:3vw;width: 100%;display: flex;align-items: center;justify-content: center;margin-top: 30rpx;">
|
||||
<u-loadmore :status="status" :loadText="{nomore:'暂无更多数据'}" v-if="list.length>0" />
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { reactive, ref, nextTick } from 'vue';
|
||||
import { onLoad, onPullDownRefresh,onReachBottom } from '@dcloudio/uni-app'
|
||||
import { getEmployeesOrgRela,getCgdListByGysId } from './api.js'
|
||||
import { getMessageList } from '@/pages/addstaff/api/addjigou.js'
|
||||
import { getSupInfoByOpenId } from '@/pages/supplierindex/api.js'
|
||||
import model from "@/compontent/public/model.vue"
|
||||
const goBack = () => {
|
||||
uni.navigateBack()
|
||||
}
|
||||
const dex = ref(0);
|
||||
const naurl = (e)=>{
|
||||
dex.value = e;
|
||||
list.value = [];
|
||||
pageNo.value = 1;
|
||||
init()
|
||||
}
|
||||
const GysId = ref('')
|
||||
onLoad(()=>{
|
||||
getSupInfoByOpenId().then(res => {
|
||||
if (res.success) {
|
||||
GysId.value = res.result.id;
|
||||
init()
|
||||
}
|
||||
})
|
||||
})
|
||||
const pageNo = ref(1)
|
||||
const list = ref([]);
|
||||
const status = ref('loadmore')
|
||||
const init = ()=>{
|
||||
let obj = {
|
||||
gysId:GysId.value,
|
||||
cgdType:dex.value==0?'':dex.value-1,
|
||||
pageSize:10,
|
||||
pageNo:pageNo.value
|
||||
|
||||
}
|
||||
let header = {
|
||||
'X-Access-Token': uni.getStorageSync('token') || '',
|
||||
'Content-Type': 'application/json;charset=UTF-8',
|
||||
'Authorization': 'Basic c2FiZXI6c2FiZXJfc2VjcmV0',
|
||||
}
|
||||
let timeout = 5000
|
||||
uni.request({
|
||||
url: uni.getStorageSync('serverUrl2') + '/api/pad/invoicing/getCgdListByGysId',
|
||||
method: 'GET',
|
||||
header: header,
|
||||
data: obj,
|
||||
timeout,
|
||||
success(response) {
|
||||
const res = response.data;
|
||||
list.value.push(...res.result.records)
|
||||
status.value = (res.result.total == list.value.length ? 'nomore' : 'loadmore')
|
||||
}})
|
||||
}
|
||||
onReachBottom(()=>{
|
||||
if(status.value=='loading'|| status.value=='nomore'){return}
|
||||
status.value = 'loading';
|
||||
pageNo.value++;
|
||||
init()
|
||||
})
|
||||
|
||||
const navurl = (e)=>{
|
||||
uni.navigateTo({
|
||||
url:'/pages/yuangongindex/detIlspro?id='+e.id
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.card{
|
||||
width: 699rpx;
|
||||
height: 410rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0rpx 0rpx 7rpx 0rpx rgba(67,75,90,0.09);
|
||||
border-radius: 20rpx;
|
||||
margin: 27rpx auto 0;
|
||||
padding: 24rpx;
|
||||
.jg{
|
||||
width: 617rpx;
|
||||
height: 26rpx;
|
||||
font-weight: 400;
|
||||
font-size: 26rpx;
|
||||
color: #666666;
|
||||
margin: 35rpx auto 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
text{
|
||||
color: #666;
|
||||
}
|
||||
view{
|
||||
margin-top: 10rpx;
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
.top{
|
||||
width: 100%;
|
||||
height: 90rpx;
|
||||
border-bottom: 1px solid #E5E5E5;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
.rs{
|
||||
width: 116rpx;
|
||||
height: 49rpx;
|
||||
border-radius: 15rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-weight: 400;
|
||||
font-size: 25rpx;
|
||||
}
|
||||
.l{
|
||||
border: 1px solid #0074E1;
|
||||
color: #0074E1;
|
||||
}
|
||||
.h{
|
||||
border: 1px solid #EE2C35;
|
||||
color: #EE2C35;
|
||||
}
|
||||
.b{
|
||||
border: 1px solid #333333;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.left{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
text{
|
||||
font-weight: 400;
|
||||
font-size: 23rpx;
|
||||
color: #888888;
|
||||
}
|
||||
view{
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #222222;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.swtab{
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
position: fixed;
|
||||
background-color: #fff;
|
||||
left: 0;
|
||||
z-index: 9999;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
view{
|
||||
font-weight: 400;
|
||||
font-size: 30rpx;
|
||||
color: #666666;
|
||||
height: 40px;
|
||||
width: auto;
|
||||
line-height: 30px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
view::after{
|
||||
content: '';
|
||||
width: 0%;
|
||||
left: 50%;
|
||||
}
|
||||
.act{
|
||||
font-weight: bold;
|
||||
font-size: 30rpx;
|
||||
color: #222222;
|
||||
position: relative;
|
||||
}
|
||||
.act::after{
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 50%;
|
||||
left: 25%;
|
||||
bottom: 0;
|
||||
background: #0074E1;
|
||||
border-radius: 5rpx;
|
||||
border: 2px solid #0074E1;
|
||||
transition: .4s;
|
||||
-webkit-transform-style: preserve-3d;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
}
|
||||
.title-back {
|
||||
background-color: #fff;
|
||||
width: 100%;
|
||||
height: 70rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-end;
|
||||
padding-bottom: 20rpx;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.left-father {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
z-index: 1;
|
||||
|
||||
.back-img {
|
||||
width: 45rpx;
|
||||
height: 40rpx;
|
||||
margin-left: 40rpx;
|
||||
margin-right: 15rpx;
|
||||
}
|
||||
}
|
||||
.guodu {
|
||||
transition: .4s;
|
||||
-webkit-transform-style: preserve-3d;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
</style>
|
||||
<style>
|
||||
page{
|
||||
background: #F0F0F3;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue