Skip to content

Y
yongxinda-h5
提交 1ca26a11 authored 作者: 刘旭's avatar 刘旭
浏览文件
操作

更新样式

上级 064df9e4
显示空白字符变更
内嵌 并排
正在显示 包含 105 行增加 和 121 行删除
index.html
浏览文件 @ 1ca26a11
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" href="./src/static/logo.png" type="png/x-icon" /> <!-- <link rel="icon" href="./src/static/favicon.ico" type="png/x-icon" /> -->
<script> <script>
var coverSupport = var coverSupport =
'CSS' in window && 'CSS' in window &&
...@@ -14,9 +14,6 @@ ...@@ -14,9 +14,6 @@
'" />' '" />'
) )
</script> </script>
<title></title>
<!--preload-links-->
<!--app-context-->
</head> </head>
<body> <body>
<div id="app"><!--app-html--></div> <div id="app"><!--app-html--></div>
...@@ -24,4 +21,19 @@ ...@@ -24,4 +21,19 @@
</body> </body>
</html> </html>
<style></style> <style>
body {
overflow-x: hidden;
max-width: 420px;
margin: 0 auto;
font-size: 14px;
}
.uni-page-head {
max-width: 420px;
margin: 0 auto;
}
html {
background-color: #fff;
}
</style>
src/components/vk-data-goods-sku-popup/vk-data-goods-sku-popup.vue
浏览文件 @ 1ca26a11
...@@ -131,7 +131,7 @@ ...@@ -131,7 +131,7 @@
</view> </view>
</view> </view>
<view class="btn-wrapper" v-else-if="mode == 5"> <view class="btn-wrapper" v-else-if="mode == 5">
<view class="sure" :style="{ <view class="sure" style="width: 698rpx;" :style="{
color: themeColorFn('addCartColor'), color: themeColorFn('addCartColor'),
backgroundColor: themeColorFn('addCartBackgroundColor'), backgroundColor: themeColorFn('addCartBackgroundColor'),
}" @click="addProduct"> }" @click="addProduct">
...@@ -1284,7 +1284,7 @@ export default { ...@@ -1284,7 +1284,7 @@ export default {
background-color: #fff; background-color: #fff;
.specification-wrapper { .specification-wrapper {
width: 100%; // width: 100%;
padding: 30rpx 25rpx; padding: 30rpx 25rpx;
box-sizing: border-box; box-sizing: border-box;
...@@ -1458,7 +1458,8 @@ export default { ...@@ -1458,7 +1458,8 @@ export default {
} }
.sure { .sure {
width: 698rpx; // width: 698rpx;
width: 50%;
height: 68rpx; height: 68rpx;
border-radius: 38rpx; border-radius: 38rpx;
color: #fff; color: #fff;
......
src/pages.json
浏览文件 @ 1ca26a11
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
{ {
"path": "pages/index/index", "path": "pages/index/index",
"style": { "style": {
"navigationBarTitleText": "深圳市永信达科技有限公司" "navigationBarTitleText": "合口味"
} }
}, { }, {
"path": "pages/category/index", "path": "pages/category/index",
......
src/pages/cart/index.vue
浏览文件 @ 1ca26a11
<template> <template>
<u-navbar :is-back="false" title=""> <u-navbar :is-back="false" title="" :background="{ background: '#f8f8f8' }">
<template #right> <template #right>
<text style="margin-right: 30rpx;" @tap="tapSwitch"> <text style="margin-right: 30rpx;" @tap="tapSwitch">
{{ type === 0 ? '切换产品线' : '返回商品' }} {{ type === 0 ? '切换产品线' : '返回商品' }}
...@@ -455,6 +455,15 @@ onShow(() => { ...@@ -455,6 +455,15 @@ onShow(() => {
} }
} }
:deep(.u-navbar) {
max-width: 420px;
margin: 0 auto;
.u-navbar-content-title {
left: 36%
}
}
.footer { .footer {
position: fixed; position: fixed;
bottom: var(--window-bottom); bottom: var(--window-bottom);
......
src/pages/category/index.vue
浏览文件 @ 1ca26a11
...@@ -2,29 +2,15 @@ ...@@ -2,29 +2,15 @@
<view class="u-wrap"> <view class="u-wrap">
<!-- 搜索 --> <!-- 搜索 -->
<view> <view>
<uni-search-bar <uni-search-bar placeholder="输入搜索商品" bgColor="#EEEEEE" clearButton="auto" cancelButton="none"
placeholder="输入搜索商品" @confirm="search" />
bgColor="#EEEEEE"
clearButton="auto"
cancelButton="none"
@confirm="search"
/>
</view> </view>
<view class="u-menu-wrap"> <view class="u-menu-wrap">
<scroll-view <scroll-view scroll-y scroll-with-animation class="u-tab-view menu-scroll-view" :scroll-top="scrollTop">
scroll-y
scroll-with-animation
class="u-tab-view menu-scroll-view"
:scroll-top="scrollTop"
>
<block v-for="(item, index) in categoryList" :key="item.id"> <block v-for="(item, index) in categoryList" :key="item.id">
<view <view v-if="item.name !== '客户机器'" class="u-tab-item"
v-if="item.name !== '客户机器'" :class="[current == index ? 'u-tab-item-active' : '']" :data-current="index"
class="u-tab-item" @tap.stop="swichMenu(index, item.id)">
:class="[current == index ? 'u-tab-item-active' : '']"
:data-current="index"
@tap.stop="swichMenu(index, item.id)"
>
<text class="u-line-1">{{ item.name }}</text> <text class="u-line-1">{{ item.name }}</text>
</view> </view>
</block> </block>
...@@ -32,15 +18,11 @@ ...@@ -32,15 +18,11 @@
<view class="right-cates"> <view class="right-cates">
<block v-for="(item, index) in currentSubCategoryData" :key="item.id"> <block v-for="(item, index) in currentSubCategoryData" :key="item.id">
<view class="item-container" @tap="cateGoryGoods(item)"> <view class="item-container" @tap="cateGoryGoods(item)">
<u-image <u-image width="100rpx" height="100rpx" :src="
width="100rpx"
height="100rpx"
:src="
item.picUrl.split('http').length > 1 item.picUrl.split('http').length > 1
? item.picUrl ? item.picUrl
: baseUrl + item.picUrl : baseUrl + item.picUrl
" "></u-image>
></u-image>
<view class="content"> <view class="content">
<view class="title"> <view class="title">
<text>{{ item.name }}</text> <text>{{ item.name }}</text>
...@@ -176,6 +158,8 @@ const initGoodsList = (data: any) => { ...@@ -176,6 +158,8 @@ const initGoodsList = (data: any) => {
height: 100%; height: 100%;
background-color: #fff; background-color: #fff;
padding: 0 24rpx; padding: 0 24rpx;
margin-right: 10rpx;
.item-container { .item-container {
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
...@@ -185,20 +169,24 @@ const initGoodsList = (data: any) => { ...@@ -185,20 +169,24 @@ const initGoodsList = (data: any) => {
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
border-bottom: 1rpx solid #f5f5f5; border-bottom: 1rpx solid #f5f5f5;
.content { .content {
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
margin-left: 20rpx; margin-left: 20rpx;
.title { .title {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.price { .price {
.new-price { .new-price {
font-size: 32rpx; font-size: 32rpx;
} }
.old-price { .old-price {
margin-left: 10rpx; margin-left: 10rpx;
color: #969799; color: #969799;
......
src/pages/goods/index.vue
浏览文件 @ 1ca26a11
...@@ -82,7 +82,8 @@ ...@@ -82,7 +82,8 @@
</u-popup> </u-popup>
</view> </view>
<goodsSku ref="goodsSkuRef" :cartId="cartId" @selected="selected"></goodsSku> <goodsSku ref="goodsSkuRef" :cartId="cartId" @selected="selected">
</goodsSku>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
...@@ -605,25 +606,11 @@ const initParts = (goodsId: number, productId: number) => { ...@@ -605,25 +606,11 @@ const initParts = (goodsId: number, productId: number) => {
.left { .left {
padding: 20rpx 0; padding: 20rpx 0;
font-size: 24rpx; font-size: 24rpx;
// overflow: hidden;
// text-overflow: ellipsis; /* 超出部分省略号 */
// word-break: break-all; /* break-all(允许在单词内换行。) */
// display: -webkit-box; /* 对象作为伸缩盒子模型显示 */
// -webkit-box-orient: vertical; /* 设置或检索伸缩盒对象的子元素的排列方式 */
// -webkit-line-clamp: 2; /* 显示的行数 */
// max-height: 80rpx; /* 设置最大高度，根据行高，要几行乘以几倍 */
} }
.right { .right {
padding: 20rpx 0; padding: 20rpx 0;
font-size: 24rpx; font-size: 24rpx;
// overflow: hidden;
// text-overflow: ellipsis; /* 超出部分省略号 */
// word-break: break-all; /* break-all(允许在单词内换行。) */
// display: -webkit-box; /* 对象作为伸缩盒子模型显示 */
// -webkit-box-orient: vertical; /* 设置或检索伸缩盒对象的子元素的排列方式 */
// -webkit-line-clamp: 2; /* 显示的行数 */
// max-height: 80rpx; /* 设置最大高度，根据行高，要几行乘以几倍 */
} }
} }
...@@ -631,4 +618,9 @@ const initParts = (goodsId: number, productId: number) => { ...@@ -631,4 +618,9 @@ const initParts = (goodsId: number, productId: number) => {
width: 50%; width: 50%;
z-index: 99; z-index: 99;
} }
:deep(.uni-tab__cart-box) {
max-width: 420px;
margin: auto;
}
</style> </style>
src/pages/order/editQuotation.vue
浏览文件 @ 1ca26a11
...@@ -54,12 +54,11 @@ ...@@ -54,12 +54,11 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { onLoad, onBackPress } from '@dcloudio/uni-app'; import { onLoad } from '@dcloudio/uni-app';
import { ref, computed, nextTick } from 'vue'; import { ref, computed } from 'vue';
import { quotationInitAgain, fillQuotation } from '@/api/cart'; import { quotationInitAgain, fillQuotation } from '@/api/cart';
import { deleteAddress, getTax } from '@/api/index'; import { getTax } from '@/api/index';
import config from '@/utils/config'; import config from '@/utils/config';
import { numberLiteralTypeAnnotation } from '@babel/types';
let baseUrl = config.baseUrl; let baseUrl = config.baseUrl;
let orderId = ref(); let orderId = ref();
...@@ -201,6 +200,7 @@ let init = () => { ...@@ -201,6 +200,7 @@ let init = () => {
.app-container { .app-container {
background-color: #fff; background-color: #fff;
padding: 20rpx; padding: 20rpx;
margin: 10rpx;
.details { .details {
display: flex; display: flex;
......
src/pages/productLine/productLine.vue
浏览文件 @ 1ca26a11
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
</u-navbar> </u-navbar>
<view class="u-wrap"> <view class="u-wrap">
<view class="u-menu-wrap"> <view class="u-menu-wrap">
<view style="position: fixed; left: 8rpx; top: 6%; min-height: 100vh;"> <view style="position: fixed; top: 6%; min-height: 100vh;">
<drag-and-drop-sort v-if="flag" ref="dragRef" style="display: flex; justify-content: center;" <drag-and-drop-sort v-if="flag" ref="dragRef" style="display: flex; justify-content: center;"
:controlsList="lineList" :controlsSize="{ width: 180, height: itemHeight }" :controlsList="lineList" :controlsSize="{ width: 180, height: itemHeight }"
@sheet-del="sheetDel" @sheet-copy="sheetCopy" @sheet-edit="sheetEdit"> @sheet-del="sheetDel" @sheet-copy="sheetCopy" @sheet-edit="sheetEdit">
...@@ -767,6 +767,7 @@ $nav-heigth: var(--window-bottom); ...@@ -767,6 +767,7 @@ $nav-heigth: var(--window-bottom);
} }
.right-cates { .right-cates {
box-sizing: border-box;
flex: 1; flex: 1;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
...@@ -774,6 +775,7 @@ $nav-heigth: var(--window-bottom); ...@@ -774,6 +775,7 @@ $nav-heigth: var(--window-bottom);
// align-items: center; // align-items: center;
background-color: #fff; background-color: #fff;
min-height: 100vh; min-height: 100vh;
margin-right: 10rpx;
.right-cates-list { .right-cates-list {
width: 80px; width: 80px;
...@@ -785,6 +787,24 @@ $nav-heigth: var(--window-bottom); ...@@ -785,6 +787,24 @@ $nav-heigth: var(--window-bottom);
} }
} }
:deep(.u-navbar) {
max-width: 420px;
margin: 0 auto;
// .u-navbar-content-title {
// left: 36%
// }
}
:deep(.u-navbar-content-title) {
left: 36%;
}
:deep(.uni-tab__cart-box) {
max-width: 420px;
margin: auto;
}
.u-wrap { .u-wrap {
// height: calc(100vh); // height: calc(100vh);
/* #ifdef H5 */ /* #ifdef H5 */
...@@ -805,6 +825,7 @@ $nav-heigth: var(--window-bottom); ...@@ -805,6 +825,7 @@ $nav-heigth: var(--window-bottom);
.goods-nav { .goods-nav {
position: fixed; position: fixed;
left: 0;
bottom: $nav-heigth; bottom: $nav-heigth;
width: 100%; width: 100%;
display: inline; display: inline;
......
src/pages/profile/addSite.vue
浏览文件 @ 1ca26a11
...@@ -4,59 +4,29 @@ ...@@ -4,59 +4,29 @@
<view class="item"> <view class="item">
<view class="left">客户名称</view> <view class="left">客户名称</view>
<u-select v-model="showSelect" :list="selectList" @confirm="onConfirm"></u-select> <u-select v-model="showSelect" :list="selectList" @confirm="onConfirm"></u-select>
<input <input :disabled="true" v-model="addressData.name" placeholder-class="line" placeholder="请填写客户名称"
:disabled="true" @tap="showSelect = true" />
v-model="addressData.name"
placeholder-class="line"
placeholder="请填写客户名称"
@tap="showSelect = true"
/>
</view> </view>
<view class="item"> <view class="item">
<view class="left">采购员</view> <view class="left">采购员</view>
<input <input type="text" v-model="addressData.contactName" placeholder-class="line" placeholder="请填写采购员" />
type="text"
v-model="addressData.contactName"
placeholder-class="line"
placeholder="请填写采购员"
/>
</view> </view>
<view class="item"> <view class="item">
<view class="left">采购手机号</view> <view class="left">采购手机号</view>
<input <input v-model="addressData.tel" type="text" placeholder-class="line" placeholder="请填写采购手机号" />
v-model="addressData.tel"
type="text"
placeholder-class="line"
placeholder="请填写采购手机号"
/>
</view> </view>
<view class="item"> <view class="item">
<view class="left">采购邮箱</view> <view class="left">采购邮箱</view>
<input <input v-model="addressData.customerEmail" type="text" placeholder-class="line" placeholder="请填写采购邮箱" />
v-model="addressData.customerEmail"
type="text"
placeholder-class="line"
placeholder="请填写采购邮箱"
/>
</view> </view>
<view class="item" @tap="showRegionPicker"> <view class="item" @tap="showRegionPicker">
<view class="left">所在地址</view> <view class="left">所在地址</view>
<input <input v-model="addressDetails" disabled type="text" placeholder-class="line" placeholder="省市区县、乡镇等" />
v-model="addressDetails"
disabled
type="text"
placeholder-class="line"
placeholder="省市区县、乡镇等"
/>
</view> </view>
<view class="item address"> <view class="item address">
<view class="left">详细地址</view> <view class="left">详细地址</view>
<textarea <textarea v-model="addressData.addressDetail" type="text" placeholder-class="line"
v-model="addressData.addressDetail" placeholder="街道、楼牌等" />
type="text"
placeholder-class="line"
placeholder="街道、楼牌等"
/>
</view> </view>
</view> </view>
<view class="bottom"> <view class="bottom">
...@@ -79,12 +49,7 @@ ...@@ -79,12 +49,7 @@
</view> </view>
<u-picker mode="region" ref="uPicker" v-model="show" @confirm="confirm" /> <u-picker mode="region" ref="uPicker" v-model="show" @confirm="confirm" />
<u-modal <u-modal v-model="showModel" :content="content" show-cancel-button @confirm="confirmModel"></u-modal>
v-model="showModel"
:content="content"
show-cancel-button
@confirm="confirmModel"
></u-modal>
</view> </view>
</template> </template>
...@@ -128,7 +93,7 @@ onLoad((options?: any) => { ...@@ -128,7 +93,7 @@ onLoad((options?: any) => {
editId.value = addressData.value?.id editId.value = addressData.value?.id
} }
consigneeList().then((res: any) => { consigneeList().then((res: any) => {
if(res.data.code === 200) { if (res.data.code === 200) {
res.data.data.map((item: any) => { res.data.data.map((item: any) => {
selectList.value.push({ selectList.value.push({
label: item.customerName, label: item.customerName,
...@@ -160,7 +125,7 @@ let confirm = (data: any) => { ...@@ -160,7 +125,7 @@ let confirm = (data: any) => {
// 确认删除地址 // 确认删除地址
let confirmModel = () => { let confirmModel = () => {
deleteAddress(editId.value).then((res: any) => { deleteAddress(editId.value).then((res: any) => {
if(res.data.code === 200) { if (res.data.code === 200) {
uni.navigateBack({ uni.navigateBack({
delta: 1, delta: 1,
success() { success() {
...@@ -347,8 +312,7 @@ let addressDel = () => { ...@@ -347,8 +312,7 @@ let addressDel = () => {
font-size: 24rpx; font-size: 24rpx;
} }
.right { .right {}
}
} }
} }
} }
......
src/pages/profile/address.vue
浏览文件 @ 1ca26a11
...@@ -3,16 +3,13 @@ ...@@ -3,16 +3,13 @@
<view class="address" v-for="(res, index) in siteList" :key="res.id"> <view class="address" v-for="(res, index) in siteList" :key="res.id">
<u-row> <u-row>
<u-col :span="11"> <u-col :span="11">
<view <view class="item" @tap="
class="item"
@tap="
pagePathFlag pagePathFlag
? setAddress(res) ? setAddress(res)
: () => { : () => {
return; return;
} }
" ">
>
<view class="top"> <view class="top">
<u-row style="width: 100%;"> <u-row style="width: 100%;">
<u-col :span="5"> <u-col :span="5">
...@@ -22,12 +19,7 @@ ...@@ -22,12 +19,7 @@
<view class="phone">{{ res.tel }}</view> <view class="phone">{{ res.tel }}</view>
</u-col> </u-col>
<u-col :span="3" style="text-align: end;"> <u-col :span="3" style="text-align: end;">
<u-tag <u-tag v-show="res.isDefault" text="默认" type="error" size="mini" />
v-show="res.isDefault"
text="默认"
type="error"
size="mini"
/>
</u-col> </u-col>
</u-row> </u-row>
</view> </view>
...@@ -85,7 +77,7 @@ const setAddress = (item: any) => { ...@@ -85,7 +77,7 @@ const setAddress = (item: any) => {
let beforePage: any = pages[pages.length - 2]; // 上一页 let beforePage: any = pages[pages.length - 2]; // 上一页
// console.log(beforePage); // console.log(beforePage);
uni.navigateBack({ uni.navigateBack({
success: function() { success: function () {
if (beforePage.route === 'pages/order/quotation') if (beforePage.route === 'pages/order/quotation')
uni.$emit('updateAddress', { addr: item }); uni.$emit('updateAddress', { addr: item });
if (beforePage.route === 'pages/order/checkout') if (beforePage.route === 'pages/order/checkout')
...@@ -118,13 +110,17 @@ uni.$on('initAddress', () => { ...@@ -118,13 +110,17 @@ uni.$on('initAddress', () => {
<style lang="scss" scoped> <style lang="scss" scoped>
page { page {
background-color: #fff; // padding: 0 20rpx;
padding: 0 20rpx;
} }
.address { .address {
padding: 40rpx 20rpx; padding: 40rpx;
margin: 0 10rpx 10rpx;
background-color: #fff;
border-top: 1px solid #f6f6f6;
border-radius: 8rpx;
} }
.item { .item {
.top { .top {
font-weight: bold; font-weight: bold;
...@@ -170,7 +166,8 @@ page { ...@@ -170,7 +166,8 @@ page {
.addSite { .addSite {
position: fixed; position: fixed;
bottom: 30rpx; bottom: 30rpx;
left: 80rpx; left: 50%;
margin-left: -150px;
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
width: 600rpx; width: 600rpx;
......
src/pages/profile/index.vue
浏览文件 @ 1ca26a11
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<view class="profile-container"> <view class="profile-container">
<view class="profile-info"> <view class="profile-info">
<view class="profile-avatar"> <view class="profile-avatar">
<image style="width: 220rpx;" src="../../static/logo.png" mode="scaleToFill" /> <image style="width: 220rpx;" src="../../static/hkw.png" mode="scaleToFill" />
</view> </view>
<view class="profile-nickname"> <view class="profile-nickname">
<text>{{ nickName }}</text> <text>{{ nickName }}</text>
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论