jianglong
/
uniapp_ahbcqz
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

样式修改

master
@AliceXiaoZhan 3 years ago
parent
7e4788ca77
commit
25e710b5f8
11 changed files with 105 additions and 33 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 7
      bundle/pages/user/vip.vue
  2. 26
      components/components/organ.vue
  3. 26
      components/components/team.vue
  4. 1
      components/components/xuqiu.vue
  5. 2
      components/tabs/tabs.vue
  6. 8
      pages.json
  7. 8
      pages/community/community.vue
  8. 30
      pages/community/organ_team_details.vue
  9. 26
      pages/resource_list/resource_list.vue
  10. 2
      pages/user/user.vue

7
bundle/pages/user/vip.vue
View File

File diff suppressed because one or more lines are too long

26
components/components/organ.vue
View File

@ -8,7 +8,7 @@
</ad-swipers> </ad-swipers>
</view> </view>
<!-- 城市 --> <!-- 城市 -->
<router-link class="m-l-16 flex row-center" to="/bundle_b/pages/city/city"> <router-link class="m-l-16 flex row-center city" to="/bundle_b/pages/city/city">
<text class="m-r-6">{{ cityInfo.name || '选择' }}</text> <text class="m-r-6">{{ cityInfo.name || '选择' }}</text>
<u-icon name="arrow-down" size="24" color="#FFFFFF"></u-icon> <u-icon name="arrow-down" size="24" color="#FFFFFF"></u-icon>
<!-- <image class="icon-md m-l-30" src="/static/images/icon_news.png"> <!-- <image class="icon-md m-l-30" src="/static/images/icon_news.png">
@ -29,12 +29,13 @@
<view class="lighter line-2"> <view class="lighter line-2">
<view>{{ item.intro }}</view> <view>{{ item.intro }}</view>
</view> </view>
<view class="flex row-between m-t-20 price">
<view class="xs muted">区域: <text style="color: red;">{{item.address}}</text></view>
</view> </view>
<u-image width="240rpx" height="180rpx" class="img m-l-20" :src="item.image" />
</view> </view>
<view class="flex row-between m-t-20"> <u-image width="240rpx" height="180rpx" class="img m-l-20" :src="item.image" />
<view class="xs muted">区域: <b style="color: red;">{{item.address}}</b></view>
</view> </view>
<view class="flex row-between m-t-20"> <view class="flex row-between m-t-20">
<view class="flex"> <view class="flex">
<image class="icon-sm" src="/static/images/icon_see.png"></image> <image class="icon-sm" src="/static/images/icon_see.png"></image>
@ -247,4 +248,21 @@
background-color: rgba(256, 256, 256, .4); background-color: rgba(256, 256, 256, .4);
} }
} }
.col-top {
position: relative;
.price {
position: absolute;
bottom:10rpx;
}
}
.city {
position: absolute;
top: 20rpx;
z-index: 999;
color: #fff;
padding: 10rpx 15rpx;
background: rgba(0,0,0,.3);
border-radius: 10rpx;
}
</style> </style>

26
components/components/team.vue
View File

@ -8,7 +8,7 @@
</ad-swipers> </ad-swipers>
</view> </view>
<!-- 城市 --> <!-- 城市 -->
<router-link class="m-l-16 flex row-center" to="/bundle_b/pages/city/city"> <router-link class="m-l-16 flex row-center city" to="/bundle_b/pages/city/city">
<text class="m-r-6">{{ cityInfo.name || '选择' }}</text> <text class="m-r-6">{{ cityInfo.name || '选择' }}</text>
<u-icon name="arrow-down" size="24" color="#FFFFFF"></u-icon> <u-icon name="arrow-down" size="24" color="#FFFFFF"></u-icon>
<!-- <image class="icon-md m-l-30" src="/static/images/icon_news.png"> <!-- <image class="icon-md m-l-30" src="/static/images/icon_news.png">
@ -29,12 +29,13 @@
<view class="lighter line-2"> <view class="lighter line-2">
<view>{{ item.intro }}</view> <view>{{ item.intro }}</view>
</view> </view>
<view class="flex row-between m-t-20 price">
<view class="xs muted">区域: <text style="color: red;">{{item.address}}</text></view>
</view> </view>
<u-image width="240rpx" height="180rpx" class="img m-l-20" :src="item.image" />
</view> </view>
<view class="flex row-between m-t-20"> <u-image width="240rpx" height="180rpx" class="img m-l-20" :src="item.image" />
<view class="xs muted">区域: <b style="color: red;">{{item.address}}</b></view>
</view> </view>
<view class="flex row-between m-t-20"> <view class="flex row-between m-t-20">
<view class="flex"> <view class="flex">
<image class="icon-sm" src="/static/images/icon_see.png"></image> <image class="icon-sm" src="/static/images/icon_see.png"></image>
@ -243,4 +244,21 @@
background-color: rgba(256, 256, 256, .4); background-color: rgba(256, 256, 256, .4);
} }
} }
.col-top {
position: relative;
.price {
position: absolute;
bottom:10rpx;
}
}
.city {
position: absolute;
top: 20rpx;
z-index: 999;
color: #fff;
padding: 10rpx 15rpx;
background: rgba(0,0,0,.3);
border-radius: 10rpx;
}
</style> </style>

1
components/components/xuqiu.vue
View File

@ -97,5 +97,6 @@
height: calc(100vh - 92px - var(--window-bottom)); height: calc(100vh - 92px - var(--window-bottom));
overflow: hidden; overflow: hidden;
} }
} }
</style> </style>

2
components/tabs/tabs.vue
View File

@ -323,6 +323,8 @@
scrollByIndex() { scrollByIndex() {
// 当前活动tab的布局信息，有tab菜单的width和left(为元素左边界到父元素左边界的距离)等信息 // 当前活动tab的布局信息，有tab菜单的width和left(为元素左边界到父元素左边界的距离)等信息
let tabInfo = this.tabQueryInfo[this.currentIndex]; let tabInfo = this.tabQueryInfo[this.currentIndex];
console.log('tabInfo')
console.log(this.tabQueryInfo)
if (!tabInfo) return; if (!tabInfo) return;
// 活动tab的宽度 // 活动tab的宽度
let tabWidth = tabInfo.width; let tabWidth = tabInfo.width;

8
pages.json
View File

@ -29,13 +29,14 @@
}, },
{ {
"path": "pages/shop_street/shop_street", "path": "pages/shop_street/shop_street",
"name": "shop_street", "name": "shop",
"meta": { "meta": {
"auth": false, "auth": false,
"keepScroll": true "keepScroll": true
}, },
"style": { "style": {
"navigationBarTitleText": "商铺街" "navigationBarTitleText": "商铺街"
} }
}, },
{ {
@ -47,7 +48,9 @@
}, },
"style": { "style": {
"navigationBarTitleText": "服务大厅" "navigationBarTitleText": "服务大厅"
} }
}, },
{ {
"path": "pages/community/organ_team_details", "path": "pages/community/organ_team_details",
@ -230,6 +233,7 @@
}, },
"style": { "style": {
"navigationBarTitleText": "资料库" "navigationBarTitleText": "资料库"
} }
} }
], ],
@ -926,7 +930,6 @@
"text": "首页" "text": "首页"
}, },
{ {
// "pagePath": "pages/goods_cate/goods_cate",
"pagePath": "pages/shop_street/shop_street", "pagePath": "pages/shop_street/shop_street",
"iconPath": "/static/images/tab_sort.png", "iconPath": "/static/images/tab_sort.png",
"selectedIconPath": "/static/images/tab_sort_s.png", "selectedIconPath": "/static/images/tab_sort_s.png",
@ -939,7 +942,6 @@
"text": "任务中心" "text": "任务中心"
}, },
{ {
// "pagePath": "pages/shop_cart/shop_cart",
"pagePath": "pages/resource_list/resource_list", "pagePath": "pages/resource_list/resource_list",
"iconPath": "/static/images/tab_shoppingcar.png", "iconPath": "/static/images/tab_shoppingcar.png",
"selectedIconPath": "/static/images/tab_shoppingcar_s.png", "selectedIconPath": "/static/images/tab_shoppingcar_s.png",

8
pages/community/community.vue
View File

@ -5,13 +5,13 @@
<view class="container"> <view class="container">
<follow :active="currentNav" v-show="currentNav===0" @share="handleShare"></follow> <follow :active="currentNav" v-show="currentNav===0" @share="handleShare"></follow>
<!-- 找服务 --> <!-- 找服务 -->
<explore :active="currentNav" v-show="currentNav===1" ></explore> <explore :active="currentNav" v-show="currentNav===1"></explore>
<!-- 找需求 --> <!-- 找需求 -->
<xuqiu :active="currentNav" v-show="currentNav===2" ></xuqiu> <xuqiu :active="currentNav" v-show="currentNav===2"></xuqiu>
<!-- 检测机构 --> <!-- 检测机构 -->
<organ :active="currentNav" v-show="currentNav===3" ></organ> <organ :active="currentNav" v-show="currentNav===3"></organ>
<!-- 专家服务 --> <!-- 专家服务 -->
<team :active="currentNav" v-show="currentNav===4" ></team> <team :active="currentNav" v-show="currentNav===4"></team>
</view> </view>
</template> </template>
<template v-else> <template v-else>

30
pages/community/organ_team_details.vue
View File

@ -2,29 +2,37 @@
<view> <view>
<view class="news-details"> <view class="news-details">
<view class="header"> <view class="header">
<view class="title xxl m-b-20">{{ articleDetail.name }}</view>
<product-swiper :imgUrls="swiperList" ></product-swiper> <product-swiper :imgUrls="swiperList" ></product-swiper>
<view class="flex row-between"> <view class="title xxl m-t-20">{{ articleDetail.name }}</view>
<view class="row-between">
<view class="flex" style="justify-content: space-between;">
<view class="xs lighter">公司名称：{{ articleDetail.company }}</view> <view class="xs lighter">公司名称：{{ articleDetail.company }}</view>
<view class="flex"> <view class="flex">
<image class="icon-sm" src="/static/images/icon_see.png"></image> <image class="icon-sm" src="/static/images/icon_see.png"></image>
<view class="m-l-10 xs muted">{{ articleDetail.visit }}人浏览</view> <view class="m-l-10 xs muted">{{ articleDetail.visit }}人浏览</view>
</view> </view>
</view> </view>
<view class="flex row-between"> <view class="xs lighter m-t-10">地区：{{ articleDetail.address }}</view>
<view class="xs lighter">地区：{{ articleDetail.address }}</view> <view class="xs lighter m-t-10">联系方式：{{ articleDetail.contact }}</view>
</view>
<view class="flex row-between">
<view class="xs lighter">联系方式：{{ articleDetail.contact }}</view>
</view> </view>
<!-- <view class="row-between">
</view> -->
<!-- <view class="flex row-between">
</view> -->
</view> </view>
<view class="main"> <view class="main">
简介：{{ articleDetail.intro }} 简介：{{ articleDetail.intro }}
<u-parse class='m-t-10' :html="article_content" />
</view> </view>
<view class="main"> <!-- <view class="main">
<u-parse :html="article_content" />
</view> </view> -->
</view> </view>
<loading-view v-if="showLoading"></loading-view> <loading-view v-if="showLoading"></loading-view>
</view> </view>

26
pages/resource_list/resource_list.vue
View File

@ -5,7 +5,7 @@
<view class="contain"> <view class="contain">
<!-- 城市 --> <!-- 城市 -->
<router-link class="m-l-16 flex row-center" to="/bundle_b/pages/city/city"> <router-link class="m-l-16 flex row-center city" to="/bundle_b/pages/city/city">
<text class="m-r-6">{{ cityInfo.name || '选择' }}</text> <text class="m-r-6">{{ cityInfo.name || '选择' }}</text>
<u-icon name="arrow-down" size="24" color="#FFFFFF"></u-icon> <u-icon name="arrow-down" size="24" color="#FFFFFF"></u-icon>
<!-- <image class="icon-md m-l-30" src="/static/images/icon_news.png"> <!-- <image class="icon-md m-l-30" src="/static/images/icon_news.png">
@ -29,12 +29,13 @@
<view class="lighter line-2"> <view class="lighter line-2">
<view>{{ item.intro }}</view> <view>{{ item.intro }}</view>
</view> </view>
<view class="flex row-between price">
<view class="xs muted">价格: <text style="color: red;">{{item.price_str}}</text></view>
</view> </view>
<u-image width="240rpx" height="180rpx" class="img m-l-20" :src="item.image" />
</view> </view>
<view class="flex row-between m-t-20"> <u-image width="240rpx" height="180rpx" class="img m-l-20" :src="item.image" />
<view class="xs muted">价格: <b style="color: red;">{{item.price_str}}</b></view>
</view> </view>
<view class="flex row-between m-t-20"> <view class="flex row-between m-t-20">
<view class="xs muted">发布时间: {{item.create_time}}</view> <view class="xs muted">发布时间: {{item.create_time}}</view>
<view class="flex"> <view class="flex">
@ -230,4 +231,21 @@
background-color: rgba(256, 256, 256, .4); background-color: rgba(256, 256, 256, .4);
} }
} }
.col-top {
position: relative;
.price {
position: absolute;
bottom:10rpx;
}
}
.city {
position: absolute;
top: 20rpx;
z-index: 999;
color: #fff;
padding: 10rpx 15rpx;
background: rgba(0,0,0,.3);
border-radius: 10rpx;
}
</style> </style>

2
pages/user/user.vue
View File

@ -433,6 +433,7 @@
background-color: #343A48; background-color: #343A48;
width: 100%; width: 100%;
height: 88rpx; height: 88rpx;
line-height: 46rpx;
border-radius: 16rpx 16rpx 0 0; border-radius: 16rpx 16rpx 0 0;
padding: 22rpx 30rpx 0 30rpx; padding: 22rpx 30rpx 0 30rpx;
margin-top: 16px; margin-top: 16px;
@ -442,6 +443,7 @@
.small { .small {
color: #F8D5A8; color: #F8D5A8;
font-size: 28rpx; font-size: 28rpx;
line-height: 46rpx;
margin-left: 18rpx; margin-left: 18rpx;
} }

Write Preview
Loading…
Cancel
Save