sileya-ai
/
vr-shopxo-uniapp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

icon处理，门店首页开发

master
gongfuxiang 2024-11-08 16:22:34 +08:00
parent 6245cc6fa7
commit 904c8a34df
11 changed files with 89 additions and 78 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/diy/search.vue
View File

@ -11,7 +11,7 @@
</template>
<template v-else>
<view>
<iconfont :name="!isEmpty(form.icon_class) ? 'icon-' + form.icon_class : 'icon-index-search'" size="28rpx" :color="new_style.icon_color" propContainerDisplay="flex"></iconfont>
<iconfont :name="!isEmpty(form.icon_class) ? 'icon-' + form.icon_class : 'icon-search-max'" size="28rpx" :color="new_style.icon_color" propContainerDisplay="flex"></iconfont>
</view>
</template>
</view>

8
components/realstore-list/realstore-list.vue
View File

@ -13,7 +13,7 @@
</view>
<view class="margin-top-sm padding-top-xs text-size-xs cr-grey">
<view v-if="(item.status_info.time || null) != null" class="flex-row align-c">
<iconfont name="icon-index-zxmd-time pr top-xs cr-grey-9"></iconfont>
<iconfont name="icon-time pr top-xs cr-grey-9"></iconfont>
<view :class="'status-icon text-size-xs divider-r padding-left-xs padding-right-sm margin-right-sm ' + (item.status_info.status == 1 ? 'cr-green' : item.status_info.type == 1 ? 'cr-red' : 'cr-grey-c')">
{{ item.status_info.msg }}
</view>
@ -26,7 +26,7 @@
<!-- 地址 -->
<view class="address-content single-text cr-base margin-left-xs dis-inline-block text-size-xs oh cp tl" :data-value="item.province_name + item.city_name + item.county_name + item.address" @tap.stop="text_copy_event">
<view class="dis-inline-block va-m cr-grey-9 margin-top-sm">
<iconfont name="icon-index-zxmd-dress"></iconfont>
<iconfont name="icon-map-address"></iconfont>
</view>
<text class="va-m margin-left-xs">{{ item.province_name }}{{ item.city_name }}{{ item.county_name }}{{ item.address }}</text>
</view>
@ -35,11 +35,11 @@
<!-- 右侧操作 -->
<view class="icon-list pa">
<view v-if="(item.service_data || null) != null && (item.service_data.service_tel || null) != null" class="icon-item dis-inline-block tc cp" :data-value="item.service_data.service_tel" @tap.stop="tel_event">
<iconfont name="icon-md-phone" size="30rpx"></iconfont>
<iconfont name="icon-tel" size="30rpx"></iconfont>
</view>
<!-- #ifndef MP-KUAISHOU -->
<view v-if="item.lat != 0 && item.lng != 0" class="icon-item dis-inline-block tc cp" :data-index="index" @tap.stop="address_map_event">
<iconfont name="icon-md-dh" size="30rpx"></iconfont>
<iconfont name="icon-send" size="30rpx"></iconfont>
</view>
<!-- #endif -->
</view>

30
components/search/search.vue
View File

@ -40,18 +40,18 @@
propFormName: {
type: String,
default: 'keywords',
},
propDefaultValue: {
type: String,
default: '',
},
propDefaultValue: {
type: String,
default: '',
},
propPlaceholder: {
type: String,
default: '',
},
propPlaceholderValue: {
type: String,
default: '',
},
propPlaceholderValue: {
type: String,
default: '',
},
propPlaceholderClass: {
type: String,
@ -95,7 +95,7 @@
},
propIcon: {
type: String,
default: 'icon-index-search',
default: 'icon-search-max',
},
propIconColor: {
type: String,
@ -173,7 +173,7 @@
// 搜索确认事件
search_submit_confirm_event() {
// 是否验证必须要传值
// 是否验证必须要传值
var value = this.input_value || this.propPlaceholderValue;
if (this.propIsRequired && value === '') {
app.globalData.showToast(this.$t('search.search.ic9b89'));
@ -187,11 +187,11 @@
// 进入搜索页面
app.globalData.url_open(this.propUrl + '?' + this.propFormName + '=' + value);
}
},
// 搜索确认（外部调用直接跳转搜索）
search_submit_confirm(value = '') {
app.globalData.url_open(this.propUrl + '?' + this.propFormName + '=' + value);
},
// 搜索确认（外部调用直接跳转搜索）
search_submit_confirm(value = '') {
app.globalData.url_open(this.propUrl + '?' + this.propFormName + '=' + value);
},
// icon事件

2
pages/buy/buy.vue
View File

@ -24,7 +24,7 @@
</view>
<view class="address-detail oh margin-top-lg">
<view class="dis-inline-block va-m">
<iconfont name="icon-index-zxmd-dress" size="34rpx" color="#999"></iconfont>
<iconfont name="icon-map-address" size="34rpx" color="#999"></iconfont>
</view>
<view class="text fr"> {{ address.province_name || '' }}{{ address.city_name || '' }}{{ address.county_name || '' }}{{ address.address || '' }} </view>
</view>

4
pages/plugins/realstore/detail/detail.vue
View File

@ -38,7 +38,7 @@
<view class="header-top pr">
<!-- 头部基础内容 -->
<view class="header-content padding-horizontal-main">
<view class="padding-main border-radius-main bg-white pr box-shadow z-i-deep">
<view class="padding-main border-radius-main bg-white pr z-i-deep">
<view class="base flex-row">
<!-- 基础内容 -->
<image :src="info.logo" mode="widthFix" class="logo border-radius-sm fl br" :data-value="info.logo" @tap="image_show_event"></image>
@ -68,7 +68,7 @@
<view class="flex-row jc-sb align-c">
<!-- 地址 -->
<view class="flex-row align-c flex-1 flex-width">
<iconfont name="icon-index-zxmd-dress" size="28rpx" propClass="pr top-xs"></iconfont>
<iconfont name="icon-map-address" size="28rpx" propClass="pr top-xs"></iconfont>
<view class="address-content single-text cr-base margin-left-xs text-size-sm" :data-value="info.province_name + info.city_name + info.county_name + info.address" @tap="text_copy_event">
{{ info.province_name }}{{ info.city_name }}{{ info.county_name }}{{ info.address }}
</view>

10
pages/plugins/realstore/index/index.css
View File

@ -44,12 +44,16 @@ page {
.user-choice-realstore .logo {
width: 100rpx;
}
.user-choice-realstore .base-right .title {
max-width: calc(100% - 180rpx);
}
.user-choice-realstore .address-content {
max-width: calc(100% - 100rpx);
}
.user-choice-realstore .checked {
top: 0;
right: 0;
width: 50rpx;
height: 38rpx;
border-bottom-left-radius: 100rpx;
}
/**

47
pages/plugins/realstore/index/index.vue
View File

@ -8,48 +8,49 @@
<!-- 提示信息 -->
<view class="padding-bottom-xxxxl margin-top-sm">
<block v-if="(user_choice_realstore || null) == null">
<image src="../../../../static/images/common/user.png" mode="aspectFit"></image>
<view class="cr-grey margin-top-xl">请先选择门店</view>
<image :src="not_choice_realstore_images" class="dis-block wh-auto" mode="widthFix"></image>
<view v-if="(data_base.home_not_choice_realstore_msg || null) != null" class="cr-grey margin-top-xl">{{data_base.home_not_choice_realstore_msg}}</view>
<view class="padding-horizontal-xxxl">
<button type="default" class="bg-main br-main cr-white text-size-sm margin-top-xxl round" hover-class="none" @tap="realstore_choice_event">{{$t('realstore-cart.realstore-cart.87tty2')}}</button>
</view>
</block>
<!-- 已选择的门店 -->
<block v-else>
<view class="padding-main border-radius-main bg-white pr box-shadow user-choice-realstore">
<view class="base flex-row pr">
<view class="padding-main border-radius-main bg-white br-main pr oh tl user-choice-realstore">
<view class="checked pa bg-main lh-sm tc padding-top-xs padding-left-xs">
<iconfont name="icon-checked" size="32rpx" color="#fff"></iconfont>
</view>
<view class="base flex-row oh">
<!-- 基础内容 -->
<image :src="user_choice_realstore.logo" mode="widthFix" class="logo border-radius-sm fl br"></image>
<view class="base-right padding-left-sm flex-1 flex-width tl">
<image :src="user_choice_realstore.logo" mode="widthFix" class="logo circle fl br"></image>
<view class="base-right padding-left-sm flex-1 flex-width">
<view class="title single-text">
<view class="dis-inline-block va-m">
<text v-if="(user_choice_realstore.alias || null) != null" class="va-m title-icon border-radius-sm br-main cr-main text-size-xs padding-left-sm padding-right-sm margin-right-xs">{{ user_choice_realstore.alias }}</text>
<text class="va-m fw-b text-size">{{ user_choice_realstore.name }}</text>
</view>
</view>
<view class="margin-top-xs text-size-xss cr-grey">
<view v-if="(user_choice_realstore.status_info.time || null) != null">{{$t('detail.detail.dor2v9')}}{{ user_choice_realstore.status_info.time }}</view>
<view v-if="(user_choice_realstore.distance || null) != null">{{$t('extraction-address.extraction-address.42v8tv')}}{{ user_choice_realstore.distance }}</view>
</view>
<button type="default" size="mini" class="bg-white br-main cr-main text-size-xss round pa top-lg right-0" hover-class="none" :data-value="user_choice_realstore.url" @tap="url_event">{{$t('realstore-cart.realstore-cart.r67uyg')}}</button>
</view>
</view>
<view class="margin-top-sm cp br-t-dashed padding-top-sm">
<view class="flex-row jc-sb align-c">
<!-- 地址 -->
<view class="flex-row align-c flex-1 flex-width">
<iconfont name="icon-index-zxmd-dress" size="28rpx" propClass="pr top-xs"></iconfont>
<view class="flex-row align-s align-c margin-top-sm">
<iconfont name="icon-map-address" size="28rpx" propClass="pr top-xs"></iconfont>
<view class="address-content single-text cr-base margin-left-xs text-size-sm" :data-value="user_choice_realstore.province_name + user_choice_realstore.city_name + user_choice_realstore.county_name + user_choice_realstore.address" @tap="text_copy_event">
{{ user_choice_realstore.province_name }}{{ user_choice_realstore.city_name }}{{ user_choice_realstore.county_name }}{{ user_choice_realstore.address }}
</view>
<!-- #ifndef MP-KUAISHOU -->
<view v-if="user_choice_realstore.lat != 0 && user_choice_realstore.lng != 0" class="dis-inline-block tc cp border-radius-sm text-size-xss cr-green br-green padding-horizontal-xs margin-left-xs" @tap="address_map_event">{{$t('detail.detail.688i26')}}</view>
<view v-if="user_choice_realstore.lat != 0 && user_choice_realstore.lng != 0" class="tc cp border-radius-sm text-size-xss cr-green br-green padding-horizontal-xs margin-left-xs" @tap="address_map_event">{{$t('detail.detail.688i26')}}</view>
<!-- #endif -->
</view>
</view>
</view>
<view class="pr margin-top">
<view class="text-size-xs cr-grey">
<view v-if="(user_choice_realstore.status_info.time || null) != null">{{$t('detail.detail.dor2v9')}}{{ user_choice_realstore.status_info.time }}</view>
<view v-if="(user_choice_realstore.distance || null) != null">{{$t('extraction-address.extraction-address.42v8tv')}}{{ user_choice_realstore.distance }}</view>
</view>
<button type="default" size="mini" class="bg-main-light br-main cr-main text-size-xss round pa bottom-0 right-0" hover-class="none" :data-value="user_choice_realstore.url" @tap="url_event">{{$t('realstore-cart.realstore-cart.r67uyg')}}</button>
</view>
</view>
<view class="cr-grey margin-top-xl">当前选择的门店</view>
<view v-if="(data_base.home_already_choice_realstore_msg || null) != null" class="cr-grey margin-top-xl">{{data_base.home_already_choice_realstore_msg}}</view>
<view class="padding-horizontal-xxxl">
<button type="default" class="bg-main br-main cr-white text-size-sm margin-top-xxl round" hover-class="none" @tap="realstore_choice_event">{{$t('realstore-cart.realstore-cart.76rfgh')}}</button>
</view>
@ -59,7 +60,7 @@
<block v-else>
<view class="realstore-nav-bg">
<!-- 背景图片 -->
<image :src="realstore_static_url + 'title-bg'+(screen_width > 960 ? '-pc' : '')+'.png'" mode="widthFix" class="wh-auto pa bg-img" />
<image :src="plugins_static_url + 'title-bg'+(screen_width > 960 ? '-pc' : '')+'.png'" mode="widthFix" class="wh-auto pa bg-img" />
<!-- 顶部 -->
<view class="spacing-mb pr z-i cr-white">
<!-- 位置展示 -->
@ -134,12 +135,12 @@
import componentRealstoreList from '@/components/realstore-list/realstore-list';
import componentTitle from '@/components/title/title';
import componentChoiceLocation from '@/components/choice-location/choice-location';
var realstore_static_url = app.globalData.get_static_url('realstore', true);
var plugins_static_url = app.globalData.get_static_url('realstore', true);
export default {
data() {
return {
theme_view: app.globalData.get_theme_value_view(),
realstore_static_url: realstore_static_url,
plugins_static_url: plugins_static_url,
screen_width: parseInt(app.globalData.get_system_info('windowWidth', 0, true)),
data_list_loding_status: 1,
data_list_loding_msg: '',
@ -153,6 +154,7 @@
icon_list: [],
data_list: [],
// 用户选择的门店
not_choice_realstore_images: plugins_static_url+'app/index/not-choice-realstore-images.png',
user_choice_realstore: null,
// 强制选择门店
is_force_choice_realstore: 0,
@ -269,6 +271,7 @@
slider_list: data.slider_list || [],
icon_list: data.icon_list || [],
data_list: data_list,
not_choice_realstore_images: data_base.home_not_choice_realstore_images || this.not_choice_realstore_images,
is_force_choice_realstore: parseInt(data_base.is_home_force_choice_one_realstore_mode || 0),
is_force_auto_choice_realstore: parseInt(data_base.is_home_force_choice_one_realstore_mode_auto_lately_realstore || 0),
force_auto_choice_realstore_distance: parseFloat(data_base.home_force_choice_one_realstore_mode_auto_lately_distance || 0),

26
pages/plugins/realstore/search/search.vue
View File

@ -95,9 +95,9 @@
show_type_mode: 0,
// 地图
is_search_map: 0,
map_location_icon: plugins_static_url+'app/map/location-icon.png',
markers_icon: plugins_static_url+'app/map/markers-icon.png',
markers_icon_active: plugins_static_url+'app/map/markers-icon-active.png',
map_location_icon: plugins_static_url+'app/search/location-icon.png',
markers_icon: plugins_static_url+'app/search/markers-icon.png',
markers_icon_active: '',
map_scale: 12,
latitude: 39.909,
longitude: 116.39742,
@ -191,7 +191,7 @@
is_search_map: parseInt(data_base.is_search_map || 0),
map_scale: parseInt(data_base.search_map_scale || 12),
markers_icon: data_base.search_map_store_icon || this.markers_icon,
markers_icon_active: data_base.search_map_store_icon_active || this.markers_icon_active,
markers_icon_active: data_base.search_map_store_icon_active || '',
map_location_icon: data_base.search_map_location_icon || this.map_location_icon,
});
@ -434,15 +434,6 @@
// 用户和覆盖物选中处理
data_markers_active_handle(index) {
// 覆盖物
var temp_markers = this.markers;
for(var i in temp_markers) {
if(i == index) {
temp_markers[i]['iconPath'] = this.markers_icon_active;
} else {
temp_markers[i]['iconPath'] = this.markers_icon;
}
}
// 列表数据
var temp_data_list = this.data_list;
for(var i in temp_data_list) {
@ -452,6 +443,15 @@
temp_data_list[i]['active'] = '';
}
}
// 覆盖物
var temp_markers = this.markers;
for(var i in temp_markers) {
if(i == index) {
temp_markers[i]['iconPath'] = this.markers_icon_active || temp_data_list[temp_markers[i]['id']]['logo'];
} else {
temp_markers[i]['iconPath'] = this.markers_icon;
}
}
// 设置数据
this.setData({
markers_active_index: index,

2
pages/plugins/shop/components/shop-header/shop-header.vue
View File

@ -5,7 +5,7 @@
<view class="flex-1 wh-auto">
<view class="search flex-row jc-sb align-c round border-color-main bg-white">
<view class="flex-row align-c flex-1 wh-auto padding-left-main">
<iconfont name="icon-index-search" size="28rpx" color="#ccc"></iconfont>
<iconfont name="icon-search-max" size="28rpx" color="#ccc"></iconfont>
<input class="text-size-md flex-1 wh-auto padding-left-sm" type="done" :placeholder="$t('detail.detail.8q6345')" :value="search_keywords_value || ''" placeholder-class="cr-grey-c" @input="search_keywords_event" />
</view>
<button class="bg-main br-main cr-white round text-size-xs" type="default" size="mini" hover-class="none" @tap="search_button_event" :data-value="'/pages/plugins/shop/search/search?shop_id=' + propShop.id + '&'">

4
pages/user/user.vue
View File

@ -22,10 +22,10 @@
<!-- 右上角 -->
<view class="head-right cr-black">
<view class="item pr dis-inline-block margin-left-xxl" data-value="/pages/setup/setup" data-login="0" @tap="url_event">
<iconfont name="icon-applet-me-settings-acquiesce" size="46rpx"></iconfont>
<iconfont name="icon-setup" size="46rpx"></iconfont>
</view>
<view class="item pr dis-inline-block margin-left-xxl" data-value="/pages/message/message" @tap="url_event">
<iconfont name="icon-applet-me-message-acquiesce" size="46rpx"></iconfont>
<iconfont name="icon-bell" size="46rpx"></iconfont>
<view class="badge-icon pa">
<component-badge :propNumber="message_total"></component-badge>
</view>

32
static/icon/iconfont.css
View File

File diff suppressed because one or more lines are too long