no message

components/dgex-tantan/dgex-tantan.vue

@@ -20,7 +20,7 @@
 					 <!-- 加载图片会闪屏 双if避免 -->
 					<template v-if="currentIndex + visible >= index && currentIndex <= index">
             <view  :animation="animationData" class="tantan-slide-img-box"   :style="{height: winHeigh + 'px'}">
-              <view >
+              <view class="img-list">
                 <image  class="tantan-slide-img" v-show="imgIndex===imgKey" v-for="(img,imgIndex) in item.images"   :style="{height: winHeigh + 'px'}"  mode="aspectFill" :src="img" ></image>
               </view>
               <view class="user-authentication">
@@ -56,6 +56,9 @@
                   <image  class="lock-wechat-img"     mode="aspectFill" src="/static/img/index/lock.png" ></image>
                 </view>
               </view>
+              <view class="user-content">
+
+              </view>
             </view>
 
 
@@ -383,7 +386,7 @@
     background-repeat: no-repeat;//不平铺
     background-position: center center;//居中
     background-size: cover;//随容器大小
-    transform-style: preserve-3d; /* 为子元素开启 三维立体环境 */
+    overflow-y: scroll;
     .tantan-slide-img{
       z-index: 10;
       border-radius: 40rpx;

pages/index/model/user-content.vue

@@ -0,0 +1,139 @@
+<template>
+  <view class="user-content-box">
+    <view class="content-top">
+      <view class="top-left">“</view>
+      <view class="top-right">
+        <image  class="right-img"   mode="aspectFill" src="/static/img/index/authentication.png" ></image>
+        <view class="right-text sys-color-white sys-weight-400">108喜欢</view>
+      </view>
+    </view>
+    <view class="user-signature sys-color-white sys-weight-400">崇尚自由，热爱生活，足以!</view>
+    <view class="user-tag">
+      <view class="tag-item" v-for="i in 5">
+        <image  class="tag-img"   mode="aspectFill" src="/static/img/index/tag-img.png" ></image>
+        <view class="tag-text sys-color-gray-3 sys-weight-400">认识朋友</view>
+      </view>
+    </view>
+    <view class="user-wire"></view>
+    <view class="gift-box">
+      <view class="gift-title">
+        <view class="gift-title-left sys-weight-600">心动礼物</view>
+        <view class="gift-title-right">
+          <view class="gift-right-text sys-color-white sys-weight-400">全部</view>
+          <image  class="gift-right-img"   mode="aspectFill" src="/static/img/index/authentication.png" ></image>
+        </view>
+      </view>
+      <view class="gift-list">
+        <view class="gift-item"></view>
+      </view>
+    </view>
+
+  </view>
+</template>
+
+<script>
+export default {
+  name: "user-content",
+  components: {},
+  props: {},
+  data() {
+    return {}
+  },
+  watch: {},
+  mounted() {
+
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="scss">
+.user-content-box{
+  background: #333333;
+  padding: 40rpx 28rpx;
+  .content-top{
+    display: flex;
+    justify-content: space-between;
+    .top-left{
+      font-size: 48rpx;
+      color: rgba(255,255,255,0.3);
+    }
+    .top-right{
+      display: flex;
+      justify-content: center;
+      .right-img{
+        width: 36rpx;
+        height: 36rpx;
+        margin-right: 6rpx;
+      }
+      .right-text{
+        font-size:26rpx ;
+      }
+
+    }
+  }
+  .user-signature{
+    font-size: 32rpx;
+  }
+  .user-tag{
+    display: flex;
+    flex-wrap: wrap;
+    margin-bottom: 62rpx;
+    .tag-item{
+      margin-top: 26rpx;
+      margin-right: 20rpx;
+      border-radius: 200rpx;
+      background: rgba(255,255,255,0.4);
+      display: flex;
+      justify-content: center;
+      padding: 6rpx 12rpx;
+      .tag-img{
+        width: 32rpx;
+        height: 32rpx;
+        margin-right: 8rpx;
+      }
+      .tag-text{
+        font-size: 28rpx;
+        height: 32rpx;
+        line-height: 32rpx;
+      }
+    }
+  }
+  .user-wire{
+    height: 2rpx;
+    border-radius: 200rpx;
+    opacity: 0.2;
+    background-color: #4D4C4C;
+  }
+  .gift-box{
+      margin-top: 64rpx;
+    .gift-title{
+      height: 56rpx;
+      display: flex;
+      justify-content: space-between;
+      .gift-title-left{
+        font-size: 40rpx;
+        line-height: 56rpx;
+        height: 56rpx;
+        color: rgba(255,255,255,0.4);
+      }
+      .gift-title-right{
+        display: flex;
+        justify-content: center;
+        .gift-right-text{
+          font-size: 24rpx;
+          margin-right: 8rpx;
+        }
+        .gift-right-img{
+          height: 24rpx;
+          width: 24rpx;
+        }
+
+      }
+
+    }
+
+  }
+}
+
+</style>

pages/text/index.vue

@@ -1,40 +1,6 @@
 <template>
 	<view>
-		<Nav title="列表组件演示"></Nav>
-		<pagingList ref="likeGoodsList" @getList="getGoodsList">
-      <template v-slot:listInfo="{pagingData}">
-        <view class="goods-list">
-          <view class="goods-item" v-for="item in pagingData">
-            <view class="goods-item-left">
-              <image class="goods-item-img" :src="item.cover_img" mode="aspectFill"></image>
-            </view>
-            <view class="goods-item-right">
-              <view class="goods-item-name">{{item.good_name}}</view>
-              <view class="goods-item-price goods-item-zh" v-if="item.p_type===1">
-                <view class="item-price">
-                  <enPrice :currentPrice="item.price" :originalPrice="item.original_price"></enPrice>
-                </view>
-                <view class="item-market">
-                  <text class="iconfont">&#xe61a;</text>
-                  <text>5.0评分</text>
-                  <text>2W+人付款</text>
-                </view>
-              </view>
-              <view class="goods-item-price goods-item-tp" v-else>
-                <view class="goods-item-platform">
-                  <text class="goods-item-tp"  v-if="item.p_type===2">天猫好物</text>
-                  <text class="goods-item-jd"  v-else>京东优选</text>
-                </view>
-                <view class="item-price">
-                  <enPrice :currentPrice="item.price" :originalPrice="item.original_price"></enPrice>
-                </view>
-              </view>
-
-            </view>
-          </view>
-        </view>
-      </template>
-    </pagingList>
+		<user-content></user-content>
 	</view>
 </template>
 
@@ -43,9 +9,11 @@
 	import pagingList from '@/components/en-list/en-list'
   import enPrice from '@/components/en-utils/en-price/en-price'
   import {likeGoods} from "@/api/goods";
+  import UserContent from "@/pages/index/model/user-content";
 
 	export default {
 		components:{
+      UserContent,
 			Black,
       pagingList,
       enPrice,