|
|
@@ -1,10 +1,20 @@
|
|
|
<template>
|
|
|
- <view style="font-size:30upx;">
|
|
|
- <view style="padding:0upx 8upx 30upx 8upx">
|
|
|
- <view v-for="(item, index) in itemData" :key="index">
|
|
|
- <view :class="[item.gap == 2 ? 'hasGap':'noGap',item.bold == 2 ? 'hasBold':'noBold']">{{item.content}}</view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
+ <view class="register-container">
|
|
|
+ <view class="register-content" v-if="itemData.length > 0">
|
|
|
+ <view
|
|
|
+ v-for="(item, index) in itemData"
|
|
|
+ :key="index"
|
|
|
+ :class="{
|
|
|
+ 'register-item': true,
|
|
|
+ 'hasBold': item.bold === 2,
|
|
|
+ 'noBold': item.bold !== 2,
|
|
|
+ 'hasGap': item.gap === 2,
|
|
|
+ 'noGap': item.gap !== 2
|
|
|
+ }"
|
|
|
+ >
|
|
|
+ {{ item.content }}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</template>
|
|
|
<script>
|
|
|
@@ -71,16 +81,32 @@ export default {
|
|
|
};
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
-.hasGap{
|
|
|
- margin-top:49upx;
|
|
|
+.register-container {
|
|
|
+ padding: 30upx 30upx 30upx 30upx;
|
|
|
+ font-size: 30upx;
|
|
|
}
|
|
|
-.hasBold{
|
|
|
- font-weight:bold;
|
|
|
+
|
|
|
+.register-content {
|
|
|
+ line-height: 1.6;
|
|
|
}
|
|
|
-.noGap{
|
|
|
- margin-top:0upx;
|
|
|
+
|
|
|
+.register-item {
|
|
|
+ padding: 15upx 0;
|
|
|
}
|
|
|
-.noBold{
|
|
|
- font-weight:normal;
|
|
|
+
|
|
|
+.hasGap {
|
|
|
+ margin-top: 40upx;
|
|
|
+}
|
|
|
+
|
|
|
+.hasBold {
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+
|
|
|
+.noGap {
|
|
|
+ margin-top: 0upx;
|
|
|
+}
|
|
|
+
|
|
|
+.noBold {
|
|
|
+ font-weight: normal;
|
|
|
}
|
|
|
</style>
|
