品牌商主页页面

.hbuilderx/launch.json

+{ // launch.json 配置了启动调试时相关设置，configurations下节点名称可为 app-plus/h5/mp-weixin/mp-baidu/mp-alipay/mp-qq/mp-toutiao/mp-360/
+  // launchtype项可配置值为local或remote, local代表前端连本地云函数，remote代表前端连云端云函数
+    "version": "0.0",
+    "configurations": [{
+     	"default" : 
+     	{
+     		"launchtype" : "local"
+     	},
+     	"h5" : 
+     	{
+     		"launchtype" : "local"
+     	},
+     	"type" : "uniCloud"
+     }
+    ]
+}

src/pages/brands/brands.vue

+<template>
+  <!-- 品牌商首页 -->
+  <view class="brandsindex">
+    <!-- 展示图 -->
+    <view id="header" class="back_img">
+      <u-navbar title="" :border-bottom="false" :background="background">
+        <template slot="right">
+          <!-- 插槽搜索按钮 -->
+          <view @click="searchCli" class="u-m-r-24 search"
+            ><image
+              class="hs-img"
+              src="../../static/images/home/search@2x.png"
+              mode=""
+            ></image
+          ></view>
+        </template>
+      </u-navbar>
+    </view>
+    <!-- 每日上新 -->
+    <view class="everyUpdate">
+      <u-card full :head-border-bottom="false">
+        <view slot="head">
+          <text class="title">每上更新</text>
+          <text class="sub-title">12334</text>
+        </view>
+        <view slot="body">
+          <view class="imgList">
+            <image src="../../static/images/brank/mei1.jpg" mode=""></image>
+            <image src="../../static/images/brank/mei1.jpg" mode=""></image>
+            <image src="../../static/images/brank/mei1.jpg" mode=""></image>
+            <image src="../../static/images/brank/mei1.jpg" mode=""></image>
+            <image src="../../static/images/brank/mei1.jpg" mode=""></image>
+            <image src="../../static/images/brank/mei1.jpg" mode=""></image>
+            <image src="../../static/images/brank/mei1.jpg" mode=""></image>
+          </view>
+        </view>
+      </u-card>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      background: { backgroundColor: "rgba(245,245,245,0)" },
+    };
+  },
+  methods: {
+    // 搜索按钮
+    searchCli() {
+      this.$router.push("/pages/home/search");
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+//头部
+.back_img {
+  height: 486rpx;
+  width: 100%;
+  background: url(../../static/images/home/exhibition.png) no-repeat;
+  background-size: 100% 100%;
+}
+.search {
+  width: 60rpx;
+  height: 60rpx;
+}
+//每日更新
+.everyUpdate {
+  width: 100%;
+  ::v-deep .u-card__body {
+    padding: 0rpx 0rpx 40rpx 36rpx !important;
+  }
+  // 标题样式
+  .title {
+    font-size: 16px;
+    font-family: PingFangSC, PingFangSC-Medium;
+    font-weight: 700;
+    color: rgba(0, 0, 0, 0.8);
+  }
+  // 副标题
+  .sub-title {
+    font-size: 12px;
+    font-family: DINPro, DINPro-Medium;
+    font-weight: 500;
+    color: rgba(0, 0, 0, 0.2);
+    margin-left: 9rpx;
+  }
+  .imgList {
+    overflow-x: auto;
+    white-space: nowrap;
+    image {
+      width: 240rpx;
+      height: 160rpx;
+      border-radius: 5px;
+      padding-left: 20.3rpx;
+    }
+  }
+}
+</style>

src/pages/message/message.vue

+<template>
+	<view>信息</view>
+</template>
+
+<script>
+</script>
+
+<style>
+</style>

src/pages/mine/my.vue

+<template>
+	<view>我的</view>
+</template>
+
+<script>
+</script>
+
+<style>
+</style>