[更新]基础框架,登录流程

components/cardDynamic/cardDynamic.js

@@ -0,0 +1,29 @@
+
+/**
+ *  Web唐明明
+ *  匆匆数载恍如梦，岁月迢迢华发增。
+ *  碌碌无为枉半生，一朝惊醒万事空。
+ *  explain: cardDynamic
+ */
+
+Component({
+    /**
+     * 组件的属性列表
+     */
+    properties: {
+        dynamicList: {
+            type    : Array,
+            value   : []
+        }
+    },
+
+    /**
+     * 组件的方法列表
+     */
+    methods: {
+        onDynamics(e){
+            let dynamics = e.currentTarget.dataset.dynamics
+            this.triggerEvent("changedynamics", dynamics)
+        }
+    }
+})

components/cardDynamic/cardDynamic.json

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

components/cardDynamic/cardDynamic.wxml

@@ -0,0 +1,31 @@
+<view class="dynamic">
+    <block wx:if="{{dynamicList.length > 0}}">
+        <view class="dynamic-item" wx:for="{{dynamicList}}" wx:key="dynamic" bindtap="onDynamics" data-dynamics="{{item}}">
+            <view class="dynamic-cover">
+                <image class="dynamic-src" src="{{item.cover}}" mode="aspectFill"></image>
+                <view class="dynamic-title">{{item.title}}</view>
+            </view>
+            <!-- <view class="dynamic-content">
+                <view class="dynamic-tool">
+                    <view class="dynamic-tool">111</view>
+                    <view class="dynamic-tool">点赞</view>
+                </view>
+                <view class="dynamic-remark">
+                    <view class="dynamic-remark-item">
+                        <text class="dynamic-remark-name">爱笑的小悦哥：</text>喜欢
+                    </view>
+                    <view class="dynamic-remark-item">
+                        <text class="dynamic-remark-name">二呵呵的周阿喵：</text>什么鬼东西这是。。。涂在🐱上能不能好看~
+                    </view>
+                    <view class="dynamic-remark-tool">查看全部70条</view>
+                </view>
+            </view> -->
+        </view>
+    </block>
+    <block wx:else>
+        <view class="dynamic-null">
+            <image class="dynamic-null-icon" src="/static/images/null_icon.png" mode="widthFix"></image>
+            <view class="dynamic-null-title">暂未发布任何企业动态</view>
+        </view>
+    </block>
+</view>

components/cardDynamic/cardDynamic.wxss

@@ -0,0 +1,87 @@
+
+/**
+ *  Web唐明明
+ *  匆匆数载恍如梦，岁月迢迢华发增。
+ *  碌碌无为枉半生，一朝惊醒万事空。
+ */
+
+.dynamic-item{
+    margin: 0 30rpx 30rpx 30rpx;
+    background: white;
+    border-radius: 10rpx;
+    box-shadow: 0 0 4rpx 4rpx rgba(0, 0, 0, .05);
+    overflow: hidden;
+}
+
+.dynamic-item:last-child{
+    margin-bottom: 0;
+}
+
+.dynamic-cover{
+    position: relative;
+    padding-top: 50%;
+    background: #eee;
+}
+
+.dynamic-src{
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+
+.dynamic-title{
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    box-sizing: border-box;
+    padding: 20rpx 30rpx;
+    background: rgba(0, 0, 0, .4);
+    color: white;
+    font-size: 34rpx;
+    font-weight: bold;
+}
+
+.dynamic-content{
+    padding: 20rpx;
+}
+
+.dynamic-tool{
+    padding-bottom: 20rpx;
+    display: flex;
+}
+
+.dynamic-remark{
+    background: #eee;
+    padding: 20rpx;
+}
+
+.dynamic-remark-item{
+    font-size: 26rpx;
+    padding-bottom: 8rpx;
+}
+
+.dynamic-remark-name{
+    font-weight: bold;
+    color: #0b0041;
+}
+
+.dynamic-remark-tool{
+    color: gray;
+    font-size: 28rpx;
+}
+
+/* 空 */
+.dynamic-null{
+    text-align: center;
+    padding: 80rpx 30rpx;
+    font-size: 26rpx;
+    color: gray;
+}
+
+.dynamic-null-icon{
+    width: 168rpx;
+    margin-bottom: 20rpx;
+}