|
|
@@ -1,6 +1,13 @@
|
|
|
<template>
|
|
|
<view>
|
|
|
- 个人名片
|
|
|
+ <view class="head" :style="{ height: tovw(CustomBar) }">
|
|
|
+ <view class="custom" :style="{ height: tovw(Custom.height), top: tovw(Custom.top - 3) }">
|
|
|
+ 邀请人员
|
|
|
+ <view class="back" :style="{ lineHeight: tovw(Custom.height) }" @click="onBack">
|
|
|
+ <text class=" iconfont icon-a-wodetiaozhuan" />
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
@@ -10,4 +17,30 @@ export default {
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
-<style></style>
|
|
|
+<style lang="scss">
|
|
|
+.head {
|
|
|
+ position: relative;
|
|
|
+ width: 100vw;
|
|
|
+
|
|
|
+ .custom {
|
|
|
+ position: absolute;
|
|
|
+ width: 100vw;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ font-family: PingFang SC, PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ font-size: 17px;
|
|
|
+ color: #FFFFFF;
|
|
|
+
|
|
|
+ .back {
|
|
|
+ position: absolute;
|
|
|
+ padding: 0 10px;
|
|
|
+ left: 0;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 12px;
|
|
|
+ transform: rotateY(180deg);
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
