网站怎么做聚合,wordpress 简历 插件,例点估算网站开发项目工作量,深圳市住房和建设局住房保障服务主页目标
请在 js/index.js 和 index.html 文件中补全代码#xff0c;完成以下目标#xff1a;
点击“定制方案”按钮后#xff0c;弹出侧滑页面#xff0c;所使用的组件为 el-drawer#xff0c;相关属性如下#xff1a;
参数说明类型默认值v-model是否显示 Drawerboolean…目标
请在 js/index.js 和 index.html 文件中补全代码完成以下目标
点击“定制方案”按钮后弹出侧滑页面所使用的组件为 el-drawer相关属性如下
参数说明类型默认值v-model是否显示 Drawerbooleanfalse
封装 sortItem 函数按照食物属性名称将早餐/午餐/晚餐的数组数据从大到小排序然后找到排序后的数组中第一个不大于对应摄入量上限的食材对象并将其返回。
sortItem 参数
arr早餐/午餐/晚餐的数据。pro食物属性名称可取值 carbohydrate/protein/fat。compare糖类、蛋白质、脂肪的对应摄入量上限值作为比较条件用的已传入具体值。
sortItem 返回值示例
{name: 鸡蛋,carbohydrate: 1.5,protein: 12.7,fat: 9,kcal: 138,weight: 100
}早餐/午餐/午餐中数据字段说明如下
名称说明name食材名称carbohydrate碳水化合物单位克protein蛋白质单位克fat脂肪单位克kcal食物热量单位克weight重量单位克
完成后点击定制方案按钮效果如下 题解
目标1
//index.html中!-- TODO待补充代码点击按钮时显示抽屉组件 --
el-drawer title我是标题 v-modeldrawer :with-headerfalse size60% :directiondirection//index.js中const submit async() {// TODO 待添加的代码 功能显示抽屉组件drawer.valuetrue;
} 目标2
const sortItem (arr, pro, compare) {// TODO 根据 compare 匹配食材对象后返回这个对象let bestItem null;let minDiff Number.MAX_VALUE;for (let i 0; i arr.length; i) {const item arr[i];const diff Math.abs(item[pro] - compare);if (diff minDiff) {minDiff diff;bestItem item;}}return bestItem;};
