Skip to content

S
study
Commit 0963856c authored by linwenqing's avatar linwenqing
Browse files
Options

style:客服页面格式化

parent 24bb6ca5
Hide whitespace changes
Inline Side-by-side
Showing with 67 additions and 70 deletions
src/pages/mine/customer.vue
View file @ 0963856c
<template> <template>
<view class="content"> <view class="content">
<view class="kf-body"> <view class="kf-body">
<!-- <text class="title">{{title}}</text> --> <!-- <text class="title">{{title}}</text> -->
<view class="name-space"> <view class="name-space">
<view class="head-photo"> <view class="head-photo">
<u-avatar :src="avatar"></u-avatar> <u-avatar :src="avatar"></u-avatar>
</view> </view>
<view> <view>
<view class="nick"><text>aaa</text><u-icon name="server-man"></u-icon></view> <view class="nick"
<view class="city"><text>安徽</text><text>合肥</text></view> ><text>aaa</text><u-icon name="server-man"></u-icon
</view> ></view>
</view> <view class="city"><text>安徽</text><text>合肥</text></view>
<view class="erweima"> </view>
<u-image width="424rpx" height="424rpx" :src="erweima"></u-image> </view>
</view> <view class="erweima">
</view> <u-image width="424rpx" height="424rpx" :src="erweima"></u-image>
</view> </view>
</view>
</view>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
title: '我的客服', title: '我的客服',
avatar:'https://qn-static.banshouhui.com/self-support/avatar.gif', avatar: 'https://qn-static.banshouhui.com/self-support/avatar.gif',
erweima:"https://qn-static.banshouhui.com/self-support/erweima-bg.png" erweima: 'https://qn-static.banshouhui.com/self-support/erweima-bg.png',
} }
}, },
onLoad() { onLoad() {},
methods: {},
}, }
methods: {
}
}
</script> </script>
<style> <style>
page{ page {
background-color: rgb(229, 229, 236); background-color: rgb(229, 229, 236);
} }
.content { .content {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 130rpx 30rpx 0rpx 30rpx; padding: 130rpx 30rpx 0rpx 30rpx;
} }
.logo {
height: 200rpx;
width: 200rpx;
margin: 200rpx auto 50rpx auto;
}
.text-area { .logo {
display: flex; height: 200rpx;
justify-content: center; width: 200rpx;
} margin: 200rpx auto 50rpx auto;
}
.title { .text-area {
font-size: 36rpx; display: flex;
color: #8f8f94; justify-content: center;
} }
.kf-body{ .title {
width: 100%; font-size: 36rpx;
height: 700rpx; color: #8f8f94;
background-color: aliceblue; }
padding: 50rpx;
}
.name-space{ .kf-body {
display: flex; width: 100%;
} height: 700rpx;
background-color: aliceblue;
padding: 50rpx;
}
.erweima{ .name-space {
text-align: center; display: flex;
margin-top: 30rpx; }
padding-left: 10%;
}
.erweima {
text-align: center;
margin-top: 30rpx;
padding-left: 10%;
}
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment