附件组件

components/My_accessory/index.js

@@ -0,0 +1,26 @@
+// components/My_accessory/index.js
+Component({
+    /**
+     * 组件的属性列表
+     */
+    properties: {
+
+    },
+    options: {
+        addGlobalClass: true
+    },
+
+    /**
+     * 组件的初始数据
+     */
+    data: {
+
+    },
+
+    /**
+     * 组件的方法列表
+     */
+    methods: {
+
+    }
+})

components/My_accessory/index.json

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

components/My_accessory/index.scss

@@ -0,0 +1,52 @@
+@import '../../components/My_card/index.scss';
+
+/* 附件 */
+.accessory {
+    display: flex;
+    align-items: center;
+    height: 122rpx;
+    background: #FFFFFF;
+    border: 1rpx solid #CCCCCC;
+
+    .icon {
+        width: 58rpx;
+        height: 58rpx;
+        margin-left: 30rpx;
+
+        .iconfont {
+            font-size: 58rpx;
+            color: var(--assist);
+        }
+    }
+
+    .explian {
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        margin-left: 30rpx;
+        height: 80rpx;
+
+        .title {
+            width: 380rpx;
+            font-size: 28rpx;
+            font-family: PingFang SC-Bold, PingFang SC;
+            font-weight: bold;
+            color: #333333;
+        }
+
+        .time {
+            font-size: 20rpx;
+            font-family: PingFang SC-Regular, PingFang SC;
+            color: #999999;
+        }
+    }
+
+    .v-but {
+        width: 140rpx;
+        height: 60rpx;
+        background: #3874F6;
+        border-radius: 30rpx;
+        margin-left: 30rpx;
+    }
+
+}

components/My_accessory/index.wxml

@@ -0,0 +1,10 @@
+<navigator url="#" class="accessory my-card" wx:for="{{5}}">
+    <view class="icon">
+        <text class="iconfont icon-word" />
+    </view>
+    <view class="explian">
+        <view class="title line-1">销售策略销售策略销售策略销售策略</view>
+        <view class="time">2022-01-12 15:30</view>
+    </view>
+    <van-button type="primary" custom-class='v-but'>下载</van-button>
+</navigator>