自动提交于 2023/04/18 -17:53:39

template/aboutRelease/aboutRelease.js

@@ -0,0 +1,49 @@
+// template/aboutRelease/aboutRelease.js
+Component({
+    /**
+     * 组件的属性列表
+     */
+    properties: {
+
+    },
+
+    /**
+     * 组件的初始数据
+     */
+    data: {
+        rulesList: [{
+                content: `中介账号发布的房源信息，均展示在“<span style="color: #000; font-weight:650;">中介房源</span>”频道中，即不能发布“<span style="color: #000; font-weight:650;">个人房源</span>”、“<span style="color: #000; font-weight:650;">求房源</span>”；如您已上架个人房源或求房源信息，在你确认中介身份后，将会自动下架`,
+                type: 1,
+            },
+            {
+                content: `个人账号只能发布“<span style="color: #000; font-weight:650;">个人房源</span>”、“<span style="color: #000; font-weight:650;">求房源</span>”，在您确认不是中介身份后，将会自动下架您的中介房源；`,
+                type: 1,
+            },
+            {
+                content: `中介账号只能发布“<span style="color: #000; font-weight:650;">中介房源</span>”，如您已上架个人房源或求房源信息，在你确认中介身份后，将会自动下架；`,
+                type: 1,
+            },
+            {
+                content: `中介账号（未认证）最多可同时上架 <span style="color: #000; font-weight:650;">3</span> 条房源信息`,
+                type: 1,
+            },
+            {
+                content: `中介账号（有认证）最多可同时上架 <span style="color: #000; font-weight:650;">20</span> 条房源信息`,
+                type: 1,
+            },
+            {
+                content: `中介帐号（有认证）拥有搜索、过滤“<span style="color: #000; font-weight:650;">求房源</span>”信息的功能`,
+                type: 1,
+            },
+
+
+        ]
+    },
+
+    /**
+     * 组件的方法列表
+     */
+    methods: {
+
+    }
+})

template/aboutRelease/aboutRelease.json

@@ -0,0 +1,4 @@
+{
+    "component": true,
+    "usingComponents": {}
+}

template/aboutRelease/aboutRelease.wxml

@@ -0,0 +1,27 @@
+<!--template/aboutRelease/aboutRelease.wxml-->
+<!-- 关于发布 -->
+
+<view class="pop flexflex">
+    <view class="pop-box">
+        <view class="pop-header flexcenter">关于发布</view>
+        <view class="nav flexacenter">
+            <view class="nav-item flexcenter {{ item == 0 ? 'pitch' : ''}}" wx:for="{{3}}">个人账号</view>
+        </view>
+
+        <view class="rules-box">
+            <view class="rules-item flexflex" wx:for="{{ rulesList }}" wx:key="index">
+                <view class="rules-icon-box flexcenter">
+                    <image class="rules-icon" src="/img/green-arrow.svg" mode="widthFix"></image>
+                </view>
+                <view class="rules-content">
+                    <rich-text nodes="{{ item.content }}"></rich-text>
+                </view>
+            </view>
+        </view>
+
+        <!-- 操作 -->
+        <view class="operation flexcenter">
+            <view class="operation-item">关闭</view>
+        </view>
+    </view>
+</view>

template/aboutRelease/aboutRelease.wxss

@@ -0,0 +1,119 @@
+/* template/aboutRelease/aboutRelease.wxss */
+@import '/app.wxss';
+
+.pop {
+    position: fixed;
+    top: 0;
+    left: 0;
+    height: 100vh;
+    width: 100vh;
+    background-color: rgba(0, 0, 0, 0.717647058823529);
+    z-index: 1111;
+    align-items: flex-end;
+}
+
+.pop-box {
+    border-radius: 60rpx 60rpx 0 0;
+    padding-top: 48rpx;
+    background-color: #ffffff;
+    width: 750rpx;
+}
+
+.pop-header {
+    font-size: 42rpx;
+    font-weight: 650;
+    color: #000000;
+}
+
+.nav {
+    justify-content: space-between;
+    padding: 0 27rpx;
+    margin-top: 58.5rpx;
+}
+
+.nav-item {
+    background-color: rgba(246, 246, 246, 1);
+    width: 189rpx;
+    height: 60rpx;
+    border-radius: 24rpx;
+    text-align: center;
+    font-size: 27rpx;
+    color: #7f7f7f;
+}
+
+.nav-item.pitch {
+    background-color: rgba(98, 177, 255, 1);
+    color: #ffffff;
+    
+}
+
+.rules-box {
+    margin: 45rpx auto 0;
+    width: 702rpx;
+    border-radius: 24rpx;
+    background-color: rgba(246, 246, 246, 1);
+    padding: 8.5rpx 0;
+    margin-bottom: 50rpx;
+
+}
+
+.rules-item .rules-icon-box {
+    width: 24rpx;
+    height: 24rpx;
+    position: relative;
+    margin-right: 18rpx;
+    margin-top: 43.5rpx;
+}
+
+.rules-item .rules-icon-box::after {
+    content: "";
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    background-color: #000000;
+    width: 20rpx;
+    height: 20rpx;
+    border-radius: 50%;
+}
+
+.rules-item .rules-icon-box .rules-icon {
+    width: 24rpx;
+    height: 24rpx;
+    z-index: 1;
+}
+
+.rules-item {
+    font-size: #555555;
+    color: #555555;
+    font-size: 24rpx;
+    line-height: 42rpx;
+    padding: 0 18rpx;
+}
+
+.rules-item .rules-content {
+    padding: 31.5rpx 0;
+}
+
+.rules-item:not(:last-of-type) .rules-content {
+    border-bottom: 1rpx dashed #ebebeb;
+}
+
+.operation {
+    height: 186rpx;
+    justify-content: space-between;
+    border-top: 1rpx solid #ebebeb;
+    padding: 0 30rpx;
+}
+
+.operation-item {
+    width: 360rpx;
+    height: 96rpx;
+    line-height: 96rpx;
+    text-align: center;
+    color: #000;
+    font-size: 36rpx;
+    border: 1rpx solid rgba(215, 215, 215, 1);
+    border-radius: 82.5rpx;
+    margin: 0 auto;
+}